#special-content {
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

@media screen and (min-width: 768px) {
  .feature_details01 .box {
    margin-top: 0rem !important;
  }
  .feature_details01 {
    padding-bottom: 0 !important;
  }
}
html {
  scrollbar-gutter: stable;
}

body.is-modal-open {
  overflow: hidden;
  height: 100vh;
}

.lp-wrapper {
  --color_main: #000;
  --color_yellow: #FDD35C;
  --color_blue: #37BEF0;
  --color_green: #69BD83;
  --color_red: #FF6B4F;
  --color_pink: #EF5796;
  --font_dnp: dnp-shuei-gothic-gin-std, sans-serif;
  --font_goblin: "Goblin One", serif;
  --font_zenmaru: "Zen Maru Gothic", sans-serif;
  --designwidth:375;
  font-weight: 500;
  font-style: normal;
  font-family: var(--font_dnp);
  margin: 0 auto;
  max-width: 820px;
}
@media screen and (min-width: 1024px) {
  .lp-wrapper {
    margin: 0;
    max-width: none;
    display: grid;
    align-items: start;
    grid-template-columns: 36.2838332114% 27.4323335772% 36.2838332114%;
  }
}
.lp-wrapper img {
  width: 100%;
  height: auto;
}
.lp-wrapper a {
  text-decoration: none;
  cursor: pointer;
}

.lp-l-maincontents {
  container-type: inline-size;
  width: 100%;
  margin: 0 auto;
  color: var(--color_main);
}
@media screen and (min-width: 768px) {
  .lp-l-maincontents {
    order: 2;
  }
}

.lp-l-sidepanel {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .lp-l-sidepanel {
    display: none;
  }
}

.lp-l-sidepanel--left {
  order: 1;
  container-type: inline-size;
}

.lp-l-sidepanel--right {
  order: 3;
  container-type: inline-size;
}

.lp-gridbg {
  background: url(/storage/brandsite/feature/fonts/197/com_bg01.png) repeat 0 -4px/50px auto;
}

@media screen and (max-width: 767px) {
  .lp-u-show-pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .lp-u-show-sp {
    display: none !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .lp-u-hover {
    transition: opacity 0.3s ease;
  }
  .lp-u-hover:hover {
    opacity: 0.8;
  }
}

.lp-u-font-zenmaru {
  font-family: var(--font_zenmaru);
}

a.lp-inlinelink {
  display: inline;
  text-decoration: underline;
}
a.lp-inlinelink:hover {
  text-decoration: none;
}

.lp-c-paragraph {
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 600;
  line-height: 2;
}

.lp-c-product {
  margin-top: calc(24 / var(--designwidth) * 100cqw);
}

.lp-c-product__name {
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 600;
  line-height: 1.66;
}

.lp-c-product__spec {
  margin-top: calc(3 / var(--designwidth) * 100cqw);
  font-size: calc(10 / var(--designwidth) * 100cqw);
  font-weight: 600;
  line-height: 2;
}

.lp-c-checkbtn {
  margin-top: calc(15 / var(--designwidth) * 100cqw);
  display: flex;
}

.lp-c-checkbtn__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(26 / var(--designwidth) * 100cqw);
  width: calc(95 / var(--designwidth) * 100cqw);
  border-radius: 999px;
  border: 1px solid #000;
  color: #000;
  font-family: var(--font_goblin);
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 400;
  line-height: 2;
  border-color: var(--buttonColor);
  background-color: var(--buttonColor);
}
@media (hover: hover) and (pointer: fine) {
  .lp-c-checkbtn__link {
    transition: ease opacity 0.3s;
  }
  .lp-c-checkbtn__link:hover {
    opacity: 0.7;
  }
}

.lp-c-checkbtn__link--yellow {
  --buttonColor:var(--color_yellow);
}

.lp-c-checkbtn__link--blue {
  --buttonColor:var(--color_blue);
}

.lp-c-checkbtn__link--red {
  --buttonColor:var(--color_red);
}

.lp-c-checkbtn__link--pink {
  --buttonColor:var(--color_pink);
}

.lp-c-checkbtn__link--green {
  --buttonColor:var(--color_green);
}

.lp-kv {
  position: relative;
  padding-top: calc(12 / var(--designwidth) * 100cqw);
  padding-bottom: calc(40 / var(--designwidth) * 100cqw);
  background-color: #A8D182;
}

.lp-kv__logo {
  position: relative;
  z-index: 5;
  margin-left: calc(25 / var(--designwidth) * 100cqw);
  width: calc(192 / var(--designwidth) * 100cqw);
  opacity: 0;
}

.lp-kv__visual {
  margin-top: calc(-80 / var(--designwidth) * 100cqw);
  margin-left: auto;
  width: calc(306 / var(--designwidth) * 100cqw);
  animation: float 1.5s ease-in-out infinite alternate;
  opacity: 0;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
.lp-kv__icon {
  position: absolute;
  z-index: 5;
  top: calc(312 / var(--designwidth) * 100cqw);
  left: calc(30 / var(--designwidth) * 100cqw);
  width: calc(106 / var(--designwidth) * 100cqw);
  opacity: 0;
}

.lp-kv__detail {
  padding: calc(24 / var(--designwidth) * 100cqw) calc(20 / var(--designwidth) * 100cqw) 0 calc(30 / var(--designwidth) * 100cqw);
  opacity: 0;
}

.lp-kv__lead {
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 / var(--designwidth) * 100cqw) calc(4 / var(--designwidth) * 100cqw);
  margin: 0 0 calc(28 / var(--designwidth) * 100cqw);
}

.lp-kv__lead__item {
  animation: scaletoggle 2s ease infinite;
  transform-origin: 0% 100%;
}

@keyframes scaletoggle {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.lp-kv__anc {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20 / var(--designwidth) * 100cqw);
  margin: calc(35 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) 0;
}

.lp-kv__anc__item {
  width: 100%;
  text-align: center;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lp-camp__section__kv {
  position: relative;
}
.lp-camp__section__kv.is-camp-03_01 .lp-camp__section__kv__text {
  top: calc(429 / var(--designwidth) * 100cqw);
  left: calc(21 / var(--designwidth) * 100cqw);
  width: calc(195 / var(--designwidth) * 100cqw);
}
.lp-camp__section__kv.is-camp-03_01 .lp-camp__section__kv__badge {
  top: calc(154 / var(--designwidth) * 100cqw);
  left: calc(45 / var(--designwidth) * 100cqw);
  width: calc(63 / var(--designwidth) * 100cqw);
}
.lp-camp__section__kv.is-camp-03_01 .lp-camp__section__kv__badge img:nth-child(1) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.lp-camp__section__kv.is-camp-03_01 .lp-camp__section__kv__badge img:nth-child(2) {
  display: block;
  animation: rotate360 16s linear infinite;
}
.lp-camp__section__kv.is-camp-03_02 {
  margin-top: -1px;
}
.lp-camp__section__kv.is-camp-03_02 .lp-camp__section__kv__text {
  top: calc(269 / var(--designwidth) * 100cqw);
  right: calc(30 / var(--designwidth) * 100cqw);
  width: calc(66 / var(--designwidth) * 100cqw);
}
.lp-camp__section__kv.is-camp-03_02 .lp-camp__section__kv__badge {
  top: calc(61 / var(--designwidth) * 100cqw);
  right: calc(44 / var(--designwidth) * 100cqw);
  width: calc(62 / var(--designwidth) * 100cqw);
}
.lp-camp__section__kv.is-camp-03_02 .lp-camp__section__kv__badge img:nth-child(1) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.lp-camp__section__kv.is-camp-03_02 .lp-camp__section__kv__badge img:nth-child(2) {
  display: block;
  animation: rotate360 16s linear infinite;
}

.lp-camp__section__kv__text {
  position: absolute;
}

.lp-camp__section__kv__badge {
  position: absolute;
}

.lp-camp__section__detail {
  padding: calc(30 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(44 / var(--designwidth) * 100cqw);
  background-color: #A8D182;
}

.lp-camp__section__kv__heading {
  position: absolute;
  z-index: 2;
}
.lp-camp__section__kv__heading img:nth-child(2), .lp-camp__section__kv__heading img:nth-child(3), .lp-camp__section__kv__heading img:nth-child(4) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

.lp-camp__section__kv__heading__number {
  position: relative;
  z-index: 5;
}

.lp-camp01-media {
  display: flex;
  align-items: flex-start;
  gap: 0 calc(15 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_01 {
  margin-left: calc(-10 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_01 .lp-camp01-media__detail {
  padding-top: calc(20 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_01 .lp-c-paragraph {
  padding-left: calc(10 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_02 {
  margin-right: calc(-10 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_02 .lp-camp01-media__detail {
  padding-top: calc(30 / var(--designwidth) * 100cqw);
}
.lp-camp01-media.is-camp-01_02 .lp-c-paragraph {
  margin-top: calc(16 / var(--designwidth) * 100cqw);
  margin-right: calc(-5 / var(--designwidth) * 100cqw);
  padding-left: calc(5 / var(--designwidth) * 100cqw);
}

.lp-camp01-media--reverse {
  flex-direction: row-reverse;
  margin-top: calc(5 / var(--designwidth) * 100cqw);
  margin-bottom: calc(34 / var(--designwidth) * 100cqw);
}

.lp-camp01-media__image {
  flex-shrink: 0;
  width: calc(175 / var(--designwidth) * 100cqw);
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
  transition: -webkit-clip-path 0.8s ease-out;
  transition: clip-path 0.8s ease-out;
  transition: clip-path 0.8s ease-out, -webkit-clip-path 0.8s ease-out;
}
.is-show .lp-camp01-media__image {
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}

.lp-camp01-media__detail {
  opacity: 0;
  transform: translateY(10px);
  transition: ease 0.8s 0.2s;
  transition-property: transform, opacity;
}
.is-show .lp-camp01-media__detail {
  opacity: 1;
  transform: translateY(0px);
}

.lp-camp01-media__title {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0 calc(15 / var(--designwidth) * 100cqw);
  margin: 0 0 calc(10 / var(--designwidth) * 100cqw);
  text-align: center;
  font-family: var(--font_zenmaru);
  font-size: calc(14 / var(--designwidth) * 100cqw);
  font-weight: 700;
  line-height: 1.42;
}
.lp-camp01-media__title::before, .lp-camp01-media__title::after {
  content: "";
  display: block;
  transform: translateX(-50%);
  width: 2px;
  height: calc(25 / var(--designwidth) * 100cqw);
  background-color: var(--color_yellow);
}
.lp-camp01-media__title::before {
  transform: rotate(-20deg);
}
.lp-camp01-media__title::after {
  transform: rotate(20deg);
}

.lp-camp02-lineup {
  padding: calc(30 / var(--designwidth) * 100cqw) 0 calc(35 / var(--designwidth) * 100cqw);
  background-color: #5099F5;
}
.lp-camp02-lineup .lp-modalicon {
  background-color: #fff;
}
.lp-camp02-lineup .lp-modalicon:before, .lp-camp02-lineup .lp-modalicon:after {
  background-color: #000;
}

.lp-camp02-lineup__name {
  display: block;
  position: absolute;
  -webkit-clip-path: inset(0% 100% 0% 0%);
          clip-path: inset(0% 100% 0% 0%);
  transition: ease clip-path 0.5s 0.3s;
}
.is-show .lp-camp02-lineup__name {
  -webkit-clip-path: inset(0% 0% 0% 0%);
          clip-path: inset(0% 0% 0% 0%);
}

.lp-camp02-lineup__icon {
  display: block;
  position: absolute;
}

.lp-camp02-lineup__img {
  display: block;
}

.lp-camp02-lineup__item {
  display: block;
  position: relative;
}
.lp-camp02-lineup__item.is-camp-02_01 {
  padding-top: calc(40 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_01 .lp-camp02-lineup__name {
  top: calc(2 / var(--designwidth) * 100cqw);
  left: calc(28 / var(--designwidth) * 100cqw);
  width: calc(169 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_01 .lp-camp02-lineup__icon {
  top: calc(85 / var(--designwidth) * 100cqw);
  left: calc(65 / var(--designwidth) * 100cqw);
  width: calc(94 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_01 .lp-camp02-lineup__img {
  margin-left: auto;
  width: calc(242 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_01 .lp-modalicon {
  position: absolute;
  z-index: 2;
  top: calc(88 / var(--designwidth) * 100cqw);
  left: calc(130 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_02 .lp-camp02-lineup__name {
  top: calc(6 / var(--designwidth) * 100cqw);
  right: calc(12 / var(--designwidth) * 100cqw);
  width: calc(165 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_02 .lp-camp02-lineup__icon {
  top: calc(79 / var(--designwidth) * 100cqw);
  right: calc(68 / var(--designwidth) * 100cqw);
  width: calc(55 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_02 .lp-camp02-lineup__img {
  position: relative;
  top: calc(-10 / var(--designwidth) * 100cqw);
  margin-left: calc(19 / var(--designwidth) * 100cqw);
  width: calc(244 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_02 .lp-modalicon {
  position: absolute;
  z-index: 2;
  top: calc(90 / var(--designwidth) * 100cqw);
  left: calc(277 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_03 {
  padding-top: calc(42 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_03 .lp-camp02-lineup__name {
  top: calc(20 / var(--designwidth) * 100cqw);
  left: calc(29 / var(--designwidth) * 100cqw);
  width: calc(177 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_03 .lp-camp02-lineup__icon {
  top: calc(104 / var(--designwidth) * 100cqw);
  left: calc(59 / var(--designwidth) * 100cqw);
  width: calc(75 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_03 .lp-camp02-lineup__img {
  position: relative;
  margin-left: auto;
  width: calc(242 / var(--designwidth) * 100cqw);
  z-index: 2;
}
.lp-camp02-lineup__item.is-camp-02_03 .lp-modalicon {
  position: absolute;
  z-index: 2;
  top: calc(108 / var(--designwidth) * 100cqw);
  left: calc(104 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_04 {
  padding-top: calc(15 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_04 .lp-camp02-lineup__name {
  top: calc(22 / var(--designwidth) * 100cqw);
  right: calc(37 / var(--designwidth) * 100cqw);
  width: calc(123 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_04 .lp-camp02-lineup__icon {
  top: calc(122 / var(--designwidth) * 100cqw);
  right: calc(70 / var(--designwidth) * 100cqw);
  width: calc(70 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_04 .lp-camp02-lineup__img {
  margin-left: calc(29 / var(--designwidth) * 100cqw);
  width: calc(220 / var(--designwidth) * 100cqw);
}
.lp-camp02-lineup__item.is-camp-02_04 .lp-modalicon {
  position: absolute;
  z-index: 2;
  top: calc(124 / var(--designwidth) * 100cqw);
  left: calc(275 / var(--designwidth) * 100cqw);
}

#camp-01 .lp-camp__section__kv__popup {
  position: absolute;
  top: calc(86 / var(--designwidth) * 100cqw);
  left: calc(223 / var(--designwidth) * 100cqw);
  z-index: 1;
  width: calc(116 / var(--designwidth) * 100cqw);
}
#camp-01 .lp-camp__section__kv__heading {
  top: calc(27 / var(--designwidth) * 100cqw);
  left: calc(34 / var(--designwidth) * 100cqw);
  width: calc(140 / var(--designwidth) * 100cqw);
}

#camp-02 .lp-camp__section__detail {
  padding: calc(21 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(54 / var(--designwidth) * 100cqw);
}
#camp-02 .lp-camp__section__kv__popup {
  position: absolute;
  bottom: calc(25 / var(--designwidth) * 100cqw);
  left: calc(20 / var(--designwidth) * 100cqw);
  z-index: 1;
  width: calc(130 / var(--designwidth) * 100cqw);
}
#camp-02 .lp-camp__section__kv__heading {
  top: calc(-55 / var(--designwidth) * 100cqw);
  right: calc(12 / var(--designwidth) * 100cqw);
  width: calc(180 / var(--designwidth) * 100cqw);
}

#camp-03 .lp-camp__section__detail {
  padding: calc(21 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(50 / var(--designwidth) * 100cqw);
}
#camp-03 .lp-camp__section__detail__popup {
  margin: 0 0 calc(15 / var(--designwidth) * 100cqw);
  width: calc(271 / var(--designwidth) * 100cqw);
}
#camp-03 .lp-camp__section__kv__heading {
  top: calc(22 / var(--designwidth) * 100cqw);
  right: calc(21 / var(--designwidth) * 100cqw);
  width: calc(170 / var(--designwidth) * 100cqw);
}
#camp-03 .lp-c-product {
  margin-top: calc(20 / var(--designwidth) * 100cqw);
}

#camp-04 .lp-camp__section__detail {
  padding: calc(30 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(50 / var(--designwidth) * 100cqw);
}
#camp-04 .lp-camp__section__detail__popup {
  position: relative;
  top: calc(-8 / var(--designwidth) * 100cqw);
  left: calc(-10 / var(--designwidth) * 100cqw);
  margin: 0 0 calc(9 / var(--designwidth) * 100cqw);
  width: calc(271 / var(--designwidth) * 100cqw);
}
#camp-04 .lp-camp__section__kv__heading {
  top: calc(-47 / var(--designwidth) * 100cqw);
  right: calc(20 / var(--designwidth) * 100cqw);
  width: calc(129 / var(--designwidth) * 100cqw);
}
#camp-04 .lp-c-product {
  margin-top: calc(15 / var(--designwidth) * 100cqw);
}

#camp-05 .lp-camp__section__detail {
  padding: calc(20 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(47 / var(--designwidth) * 100cqw);
}
#camp-05 .lp-camp__section__kv__popup {
  position: absolute;
  top: calc(-16 / var(--designwidth) * 100cqw);
  right: calc(28 / var(--designwidth) * 100cqw);
  z-index: 2;
  width: calc(165 / var(--designwidth) * 100cqw);
}
#camp-05 .lp-camp__section__kv__heading {
  top: calc(-60 / var(--designwidth) * 100cqw);
  right: calc(20 / var(--designwidth) * 100cqw);
  width: calc(147 / var(--designwidth) * 100cqw);
}
#camp-05 .lp-c-product {
  margin-top: calc(15 / var(--designwidth) * 100cqw);
}

#camp-06 .lp-camp__section__detail {
  padding: calc(20 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(50 / var(--designwidth) * 100cqw);
}
#camp-06 .lp-camp__section__kv__text {
  top: calc(374 / var(--designwidth) * 100cqw);
  left: calc(23 / var(--designwidth) * 100cqw);
  width: calc(239 / var(--designwidth) * 100cqw);
}
#camp-06 .lp-camp__section__kv__heading {
  top: calc(-60 / var(--designwidth) * 100cqw);
  right: calc(20 / var(--designwidth) * 100cqw);
  width: calc(147 / var(--designwidth) * 100cqw);
}
#camp-06 .lp-c-product {
  margin-top: calc(23 / var(--designwidth) * 100cqw);
}

.lp-catalog {
  position: relative;
  padding-top: calc(14 / var(--designwidth) * 100cqw);
}

@media (hover: hover) and (pointer: fine) {
  .lp-catalog-section__item:hover .lp-modalicon,
  [data-modal-id]:hover .lp-modalicon {
    transform: scale(1.2);
  }
}

.lp-catalog-section__item {
  position: absolute;
}

.lp-catalog__cath {
  margin: 0 auto;
  width: calc(346 / var(--designwidth) * 100cqw);
  transform-origin: 0% 50%;
}

.lp-catalog__lead {
  margin: calc(15 / var(--designwidth) * 100cqw) calc(15 / var(--designwidth) * 100cqw) 0;
  color: #E9527D;
  font-family: var(--font_zenmaru);
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 900;
  line-height: 2;
}

.lp-catalog__heading {
  position: absolute;
  top: calc(71 / var(--designwidth) * 100cqw);
  right: calc(15 / var(--designwidth) * 100cqw);
  width: calc(47 / var(--designwidth) * 100cqw);
  transform-origin: 50% 0%;
}

.lp-catalog-section {
  position: relative;
  --catalog_sec_color:#000;
  color: var(--catalog_sec_color);
}

.lp-catalog-section--pink {
  --catalog_sec_color:#E9527D;
}

.lp-catalog-section--purple {
  --catalog_sec_color:#A660A3;
}

.lp-catalog-section--yellow {
  --catalog_sec_color:#EBB109;
}

.lp-catalog-section--orange {
  --catalog_sec_color:#ED6C34;
}

.lp-catalog-section--green {
  --catalog_sec_color:#00ADA9;
}

.lp-catalog-section__visual {
  opacity: 0;
}
.is-show .lp-catalog-section__visual {
  opacity: 1;
  transition: ease opacity 0.8s;
}
.lp-catalog-section__visual img {
  display: block;
  animation: float 1.5s ease-in-out infinite alternate;
}

.lp-catalog-section__name {
  position: absolute;
  color: var(--catalog_sec_color);
  font-family: var(--font_zenmaru);
  font-size: calc(14 / var(--designwidth) * 100cqw);
  font-weight: 900;
  line-height: 1.57;
  opacity: 0;
  transform: translateY(10px);
}
.is-show .lp-catalog-section__name {
  opacity: 1;
  transform: translateY(0px);
  transition: ease all 0.8s;
}

.lp-catalog-section__lead {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.lp-catalog-section__lead__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(14 / var(--designwidth) * 100cqw);
  font-family: var(--font_zenmaru);
  font-weight: 700;
  color: #fff;
  border-radius: 999px;
  padding: calc(2 / var(--designwidth) * 100cqw) calc(10 / var(--designwidth) * 100cqw);
  background-color: var(--catalog_sec_color);
  transform: scale(0);
  transform-origin: 0% 100%;
}
.lp-catalog-section__lead__item:nth-child(2) {
  opacity: 0;
  animation-delay: 0.2s !important;
}
.lp-catalog-section__lead__item:nth-child(3) {
  opacity: 0;
  animation-delay: 0.4s !important;
}
.is-show .lp-catalog-section__lead__item {
  opacity: 1;
  transition: ease all 0.8s;
  animation: scaletoggle 2s ease infinite both;
}

.lp-modalicon {
  position: absolute;
  z-index: 5;
  aspect-ratio: 1/1;
  width: calc(30 / var(--designwidth) * 100cqw);
  background-color: var(--catalog_sec_color);
  border-radius: 999px;
  transition: ease transform 0.3s;
}
.lp-modalicon:before, .lp-modalicon:after {
  position: absolute;
  z-index: 2;
  top: calc(50% - 1px);
  left: 25%;
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #fff;
}
.lp-modalicon:after {
  transform: rotate(90deg);
}
.lp-modalicon {
  opacity: 0;
}
.is-show .lp-modalicon {
  opacity: 1;
  transition: ease opacity 0.8s, ease transform 0.3s;
}

#catalog-01 {
  margin-top: calc(-27 / var(--designwidth) * 100cqw);
  height: calc(400 / var(--designwidth) * 100cqw);
}
#catalog-01 .lp-catalog-section__visual {
  position: absolute;
  top: calc(56 / var(--designwidth) * 100cqw);
  left: calc(26 / var(--designwidth) * 100cqw);
  max-width: calc(257 / var(--designwidth) * 100cqw);
}
#catalog-01 .lp-catalog-section__lead {
  align-items: flex-end;
  top: calc(345 / var(--designwidth) * 100cqw);
  left: calc(172 / var(--designwidth) * 100cqw);
}
#catalog-01 .lp-catalog-section__lead__item:nth-child(2) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
  margin-right: calc(9 / var(--designwidth) * 100cqw);
}
#catalog-01 .lp-catalog-section__item {
  display: block;
}
#catalog-01 .lp-catalog-section__name {
  line-height: 1.66;
  font-size: calc(12 / var(--designwidth) * 100cqw);
  text-align: center;
}
#catalog-01 .lp-catalog-section__icon {
  position: absolute;
  width: calc(25 / var(--designwidth) * 100cqw);
}

#catalog-01-01 {
  top: 0;
  width: 100%;
  height: calc(156 / var(--designwidth) * 100cqw);
}
#catalog-01-01 .lp-catalog-section__name {
  top: calc(30 / var(--designwidth) * 100cqw);
  left: calc(193 / var(--designwidth) * 100cqw);
}
#catalog-01-01 .lp-catalog-section__icon {
  top: calc(0 / var(--designwidth) * 100cqw);
  left: calc(228 / var(--designwidth) * 100cqw);
}
#catalog-01-01 .lp-modalicon {
  bottom: calc(-40 / var(--designwidth) * 100cqw);
  left: calc(18 / var(--designwidth) * 100cqw);
}

#catalog-01-02 {
  top: calc(156 / var(--designwidth) * 100cqw);
  width: 100%;
  height: calc(100 / var(--designwidth) * 100cqw);
}
#catalog-01-02 .lp-catalog-section__name {
  top: calc(98 / var(--designwidth) * 100cqw);
  left: calc(218 / var(--designwidth) * 100cqw);
}
#catalog-01-02 .lp-catalog-section__icon {
  top: calc(70 / var(--designwidth) * 100cqw);
  left: calc(247 / var(--designwidth) * 100cqw);
}
#catalog-01-02 .lp-modalicon {
  top: calc(-28 / var(--designwidth) * 100cqw);
  left: calc(270 / var(--designwidth) * 100cqw);
}

#catalog-01-03 {
  top: calc(256 / var(--designwidth) * 100cqw);
  width: 100%;
  height: calc(89 / var(--designwidth) * 100cqw);
}
#catalog-01-03 .lp-catalog-section__name {
  top: calc(104 / var(--designwidth) * 100cqw);
  left: calc(59 / var(--designwidth) * 100cqw);
}
#catalog-01-03 .lp-catalog-section__icon {
  top: calc(75 / var(--designwidth) * 100cqw);
  left: calc(90 / var(--designwidth) * 100cqw);
}
#catalog-01-03 .lp-modalicon {
  top: calc(58 / var(--designwidth) * 100cqw);
  left: calc(18 / var(--designwidth) * 100cqw);
}

#catalog-02 {
  margin-top: calc(50 / var(--designwidth) * 100cqw);
  height: calc(244 / var(--designwidth) * 100cqw);
}
#catalog-02 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  right: calc(36 / var(--designwidth) * 100cqw);
  max-width: calc(218 / var(--designwidth) * 100cqw);
}
#catalog-02 .lp-catalog-section__lead {
  top: calc(0 / var(--designwidth) * 100cqw);
  left: calc(46 / var(--designwidth) * 100cqw);
  flex-direction: row-reverse;
}
#catalog-02 .lp-catalog-section__lead__item {
  padding: calc(8 / var(--designwidth) * 100cqw) calc(5 / var(--designwidth) * 100cqw);
  width: calc(28 / var(--designwidth) * 100cqw);
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-align: center;
  writing-mode: vertical-rl;
}
#catalog-02 .lp-catalog-section__lead__item:nth-child(2) {
  margin-top: calc(52 / var(--designwidth) * 100cqw);
  margin-right: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-02 .lp-catalog-section__name {
  top: calc(18 / var(--designwidth) * 100cqw);
  right: calc(31 / var(--designwidth) * 100cqw);
  transform: rotate(9deg);
}
#catalog-02 .lp-modalicon {
  top: calc(199 / var(--designwidth) * 100cqw);
  left: calc(75 / var(--designwidth) * 100cqw);
}

#catalog-03 {
  margin-top: calc(20 / var(--designwidth) * 100cqw);
  height: calc(264 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  left: calc(58 / var(--designwidth) * 100cqw);
  max-width: calc(134 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__lead {
  top: calc(95 / var(--designwidth) * 100cqw);
  left: calc(203 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(24 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__lead__item:nth-child(3) {
  margin-left: calc(6 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-catalog-section__name {
  top: calc(36 / var(--designwidth) * 100cqw);
  left: calc(204 / var(--designwidth) * 100cqw);
}
#catalog-03 .lp-modalicon {
  top: calc(115 / var(--designwidth) * 100cqw);
  left: calc(33 / var(--designwidth) * 100cqw);
}

#catalog-04 {
  margin-top: calc(-10 / var(--designwidth) * 100cqw);
  height: calc(250 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  right: calc(48 / var(--designwidth) * 100cqw);
  max-width: calc(145 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-catalog-section__lead {
  top: calc(117 / var(--designwidth) * 100cqw);
  left: calc(27 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(14 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-catalog-section__name {
  top: calc(59 / var(--designwidth) * 100cqw);
  left: calc(31 / var(--designwidth) * 100cqw);
}
#catalog-04 .lp-modalicon {
  bottom: calc(3 / var(--designwidth) * 100cqw);
  right: calc(16 / var(--designwidth) * 100cqw);
}

#catalog-05 {
  margin-top: calc(3 / var(--designwidth) * 100cqw);
  height: calc(393 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  right: calc(79 / var(--designwidth) * 100cqw);
  max-width: calc(211 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__lead {
  top: calc(249 / var(--designwidth) * 100cqw);
  left: calc(60 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__lead__item {
  line-height: 1.6;
}
#catalog-05 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(43 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__lead__item:nth-child(3) {
  margin-left: calc(13 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-catalog-section__name {
  top: calc(188 / var(--designwidth) * 100cqw);
  left: calc(65 / var(--designwidth) * 100cqw);
}
#catalog-05 .lp-modalicon {
  bottom: calc(20 / var(--designwidth) * 100cqw);
  right: calc(33 / var(--designwidth) * 100cqw);
}

#catalog-06 {
  margin-top: calc(6 / var(--designwidth) * 100cqw);
  height: calc(280 / var(--designwidth) * 100cqw);
}
#catalog-06 .lp-catalog-section__visual {
  position: absolute;
  top: 0;
  left: calc(23 / var(--designwidth) * 100cqw);
  max-width: calc(243 / var(--designwidth) * 100cqw);
}
#catalog-06 .lp-catalog-section__lead {
  top: calc(74 / var(--designwidth) * 100cqw);
  right: calc(34 / var(--designwidth) * 100cqw);
  flex-direction: row-reverse;
}
#catalog-06 .lp-catalog-section__lead__item {
  padding: calc(8 / var(--designwidth) * 100cqw) calc(5 / var(--designwidth) * 100cqw);
  width: calc(28 / var(--designwidth) * 100cqw);
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-align: center;
  writing-mode: vertical-rl;
}
#catalog-06 .lp-catalog-section__lead__item:nth-child(2) {
  margin-top: calc(39 / var(--designwidth) * 100cqw);
  margin-right: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-06 .lp-catalog-section__name {
  top: calc(237 / var(--designwidth) * 100cqw);
  left: calc(57 / var(--designwidth) * 100cqw);
}
#catalog-06 .lp-modalicon {
  bottom: 0;
  left: calc(212 / var(--designwidth) * 100cqw);
}

#catalog-07 {
  margin-top: calc(20 / var(--designwidth) * 100cqw);
  height: calc(236 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-catalog-section__visual {
  position: absolute;
  top: 0;
  right: calc(32 / var(--designwidth) * 100cqw);
  max-width: calc(164 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-catalog-section__lead {
  top: calc(111 / var(--designwidth) * 100cqw);
  left: calc(30 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(43 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-catalog-section__name {
  top: calc(52 / var(--designwidth) * 100cqw);
  left: calc(30 / var(--designwidth) * 100cqw);
}
#catalog-07 .lp-modalicon {
  bottom: 0;
  right: calc(32 / var(--designwidth) * 100cqw);
}

#catalog-08 {
  margin-top: calc(-10 / var(--designwidth) * 100cqw);
  height: calc(214 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  left: calc(21 / var(--designwidth) * 100cqw);
  max-width: calc(169 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-catalog-section__lead {
  top: calc(124 / var(--designwidth) * 100cqw);
  left: calc(204 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(40 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-catalog-section__name {
  top: calc(66 / var(--designwidth) * 100cqw);
  left: calc(204 / var(--designwidth) * 100cqw);
}
#catalog-08 .lp-modalicon {
  top: calc(184 / var(--designwidth) * 100cqw);
  left: calc(41 / var(--designwidth) * 100cqw);
}

#catalog-09 {
  margin-top: calc(19 / var(--designwidth) * 100cqw);
  height: calc(242 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  right: calc(76 / var(--designwidth) * 100cqw);
  max-width: calc(77 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-catalog-section__lead {
  top: calc(112 / var(--designwidth) * 100cqw);
  left: calc(50 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-7 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(15 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-catalog-section__name {
  top: calc(53 / var(--designwidth) * 100cqw);
  left: calc(50 / var(--designwidth) * 100cqw);
}
#catalog-09 .lp-modalicon {
  bottom: calc(4 / var(--designwidth) * 100cqw);
  right: calc(29 / var(--designwidth) * 100cqw);
}

#catalog-10 {
  margin-top: calc(-10 / var(--designwidth) * 100cqw);
  height: calc(270 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-catalog-section__visual {
  position: absolute;
  bottom: 0;
  left: calc(23 / var(--designwidth) * 100cqw);
  max-width: calc(153 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-catalog-section__lead {
  top: calc(150 / var(--designwidth) * 100cqw);
  left: calc(205 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(15 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-catalog-section__name {
  top: calc(91 / var(--designwidth) * 100cqw);
  left: calc(205 / var(--designwidth) * 100cqw);
}
#catalog-10 .lp-modalicon {
  bottom: calc(4 / var(--designwidth) * 100cqw);
  left: calc(173 / var(--designwidth) * 100cqw);
}

#catalog-11 {
  margin-top: calc(22 / var(--designwidth) * 100cqw);
  height: calc(216 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-catalog-section__visual {
  position: absolute;
  top: 0;
  right: calc(20 / var(--designwidth) * 100cqw);
  max-width: calc(181 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-catalog-section__lead {
  top: calc(126 / var(--designwidth) * 100cqw);
  left: calc(30 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-catalog-section__lead__item:not(:first-child) {
  margin-top: calc(-4 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-catalog-section__lead__item:nth-child(2) {
  margin-left: calc(15 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-catalog-section__name {
  top: calc(45 / var(--designwidth) * 100cqw);
  left: calc(30 / var(--designwidth) * 100cqw);
}
#catalog-11 .lp-modalicon {
  bottom: 0;
  left: calc(182 / var(--designwidth) * 100cqw);
}

.lp-column {
  display: grid;
  grid-template-columns: 100%;
  gap: calc(20 / var(--designwidth) * 100cqw);
  padding: calc(50 / var(--designwidth) * 100cqw) calc(35 / var(--designwidth) * 100cqw) calc(70 / var(--designwidth) * 100cqw);
}

.lp-column__link {
  display: grid;
  grid-template-columns: calc(65 / var(--designwidth) * 100cqw) 1fr;
  padding: calc(15 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw) calc(15 / var(--designwidth) * 100cqw) calc(40 / var(--designwidth) * 100cqw);
  gap: calc(25 / var(--designwidth) * 100cqw);
  border-radius: 999px;
  background-color: #E9527D;
  color: #fff;
}

.lp-column__link--yellow {
  background-color: #EBB109;
}

.lp-column__detail__title {
  margin: 0 0 calc(2 / var(--designwidth) * 100cqw);
  font-size: calc(14 / var(--designwidth) * 100cqw);
  font-weight: 900;
  font-family: var(--font_zenmaru);
  line-height: 1.7;
}
.lp-column__detail__title em {
  font-style: normal;
  font-family: var(--font_goblin);
}

.lp-column__detail__text {
  color: #FFF;
  font-family: var(--font_zenmaru);
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 900;
  line-height: 1.66; /* 166.667% */
}

.lp-smartlogos {
  padding: calc(63 / var(--designwidth) * 100cqw) 0 calc(70 / var(--designwidth) * 100cqw);
  background: #A8D182;
}

.lp-smartlogos__logo {
  margin: 0 auto;
  width: calc(224 / var(--designwidth) * 100cqw);
}

.lp-smartlogos__text {
  margin-top: calc(45 / var(--designwidth) * 100cqw);
  font-size: calc(14 / var(--designwidth) * 100cqw);
  font-weight: 500;
  line-height: 2;
  text-align: center;
}

.lp-smartlogos__note {
  margin-top: calc(34 / var(--designwidth) * 100cqw);
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-weight: 500;
  text-align: center;
}

.lp-smartlogos__book {
  margin: calc(48 / var(--designwidth) * 100cqw) auto 0;
  width: calc(216 / var(--designwidth) * 100cqw);
}

.lp-smartlogos__allitems {
  display: flex;
  justify-content: center;
  margin-top: calc(57 / var(--designwidth) * 100cqw);
}

.lp-smartlogos__allitems__link {
  width: calc(302 / var(--designwidth) * 100cqw);
  padding: calc(10 / var(--designwidth) * 100cqw);
  border-radius: 999px;
  background: #FFF;
  color: #000;
  text-align: center;
  font-family: var(--font_goblin);
  font-size: calc(18 / var(--designwidth) * 100cqw);
  font-weight: 400;
  line-height: 1.55;
  box-shadow: calc(3 / var(--designwidth) * 100cqw) calc(3 / var(--designwidth) * 100cqw) 0 rgb(0, 0, 0);
}

.lp-smartlogos__credit {
  margin-top: calc(60 / var(--designwidth) * 100cqw);
  text-align: center;
  color: #000;
  font-weight: 500;
  line-height: 1.9;
}
.lp-smartlogos__credit li {
  font-size: calc(11 / var(--designwidth) * 100cqw);
  text-align: center;
}

.lp-sidenav {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  width: calc(115 / 382 * 100%);
}

.lp-sidenav__item {
  transition: ease transform 0.2s, ease opacity 0.2s;
}
[data-current-id="0"] .lp-sidenav__item:nth-child(1), [data-current-id="1"] .lp-sidenav__item:nth-child(2), [data-current-id="2"] .lp-sidenav__item:nth-child(3) {
  transform: translateX(40px);
}
@media (hover: hover) and (pointer: fine) {
  .lp-sidenav__item:hover {
    opacity: 0.7;
  }
}

.lp-sidecv {
  position: relative;
  width: calc(264 / 382 * 100%);
}

.lp-sidecv__bg {
  animation: float 1.5s ease-in-out infinite alternate;
}

.lp-sidecv__link {
  position: absolute;
  z-index: 2;
  bottom: 5%;
  left: 50%;
  display: block;
  border-radius: 999px;
  width: 100%;
  width: calc(150 / 264 * 100%);
  padding: 0.5em;
  border: 1px solid var(--color_yellow);
  background-color: var(--color_yellow);
  color: #000;
  font-size: calc(12 / var(--designwidth) * 100cqw);
  font-family: var(--font_goblin);
  text-align: center;
  transform: rotate(8deg) translateX(-50%);
}
@media (hover: hover) and (pointer: fine) {
  .lp-sidecv__link:hover {
    background-color: #fff;
  }
}

.animation-fadein {
  opacity: 0;
  transition: ease all 0.3s;
  transition-property: opacity;
}
.animation-fadein.is-show {
  opacity: 1;
}

.animation-fadeup {
  opacity: 0;
  transform: translateY(10px);
  transition: ease 0.3s;
  transition-property: transform, opacity;
}
.animation-fadeup.is-show {
  opacity: 1;
  transform: translateY(0px);
}

.animation-clip-to-bottom {
  -webkit-clip-path: inset(0% 0% 100% 0%);
          clip-path: inset(0% 0% 100% 0%);
  transition: ease clip-path 0.6s;
}
.animation-clip-to-bottom.is-show {
  -webkit-clip-path: inset(0% 0% 0% 0%);
          clip-path: inset(0% 0% 0% 0%);
}

.animation-clip-to-right {
  -webkit-clip-path: inset(0% 100% 0% 0%);
          clip-path: inset(0% 100% 0% 0%);
  transition: ease clip-path 0.6s;
}
.animation-clip-to-right.is-show {
  -webkit-clip-path: inset(0% 0% 0% 0%);
          clip-path: inset(0% 0% 0% 0%);
}

[data-modal-id] {
  cursor: pointer;
}

.lp-c-modal-list {
  display: none;
}

.lp-c-modal-wrapper {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lp-c-modal-wrapper.is-active {
  opacity: 1;
  visibility: visible;
}

.lp-c-modal-view {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.lp-c-modal-view__contents {
  position: relative;
  width: 100%;
  max-height: 90%;
  display: flex;
  margin: 0 auto;
  container-type: inline-size;
}
@media screen and (min-width: 768px) {
  .lp-c-modal-view__contents {
    max-width: 27.4323335772%;
  }
}
.lp-c-modal-view__contents > :first-child {
  margin-top: 0;
}
.lp-c-modal-view__contents {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.is-active .lp-c-modal-view__contents {
  opacity: 1;
  transform: translateY(0);
}

.lp-c-modal-view__block {
  padding: 20px 8.93%;
  width: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.lp-c-modal-view__block::-webkit-scrollbar {
  display: none;
}

.lp-c-modal__contents {
  position: relative;
  border: 1px solid #000;
  padding: calc(30 / var(--designwidth) * 100cqw) calc(30 / var(--designwidth) * 100cqw);
  background-color: #fff;
  border-radius: 10px;
}

.lp-c-modal__contents--pink {
  background-color: #E9527D;
  color: #fff;
}
.lp-c-modal__contents--pink .lp-c-checkbtn__link {
  --buttonColor:#fff;
  color: #E9527D;
}
.lp-c-modal__contents--pink .lp-c-modal__close {
  background-color: #E9527D;
  color: #fff;
}
.lp-c-modal__contents--pink .lp-c-modal__close:before, .lp-c-modal__contents--pink .lp-c-modal__close:after {
  background-color: #fff;
}

.lp-c-modal__contents--orange {
  background-color: #ED6C34;
  color: #fff;
}
.lp-c-modal__contents--orange .lp-c-checkbtn__link {
  --buttonColor:#fff;
  color: #ED6C34;
}
.lp-c-modal__contents--orange .lp-c-modal__close {
  background-color: #ED6C34;
  color: #fff;
}
.lp-c-modal__contents--orange .lp-c-modal__close:before, .lp-c-modal__contents--orange .lp-c-modal__close:after {
  background-color: #fff;
}

.lp-c-modal__contents--purple {
  background-color: #A660A3;
  color: #fff;
}
.lp-c-modal__contents--purple .lp-c-checkbtn__link {
  --buttonColor:#fff;
  color: #A660A3;
}
.lp-c-modal__contents--purple .lp-c-modal__close {
  background-color: #A660A3;
  color: #fff;
}
.lp-c-modal__contents--purple .lp-c-modal__close:before, .lp-c-modal__contents--purple .lp-c-modal__close:after {
  background-color: #fff;
}

.lp-c-modal__contents--yellow {
  background-color: #EBB109;
  color: #fff;
}
.lp-c-modal__contents--yellow .lp-c-checkbtn__link {
  --buttonColor:#fff;
  color: #EBB109;
}
.lp-c-modal__contents--yellow .lp-c-modal__close {
  background-color: #EBB109;
  color: #fff;
}
.lp-c-modal__contents--yellow .lp-c-modal__close:before, .lp-c-modal__contents--yellow .lp-c-modal__close:after {
  background-color: #fff;
}

.lp-c-modal__contents--blue {
  background-color: #00ADA9;
  color: #fff;
}
.lp-c-modal__contents--blue .lp-c-checkbtn__link {
  --buttonColor:#fff;
  color: #00ADA9;
}
.lp-c-modal__contents--blue .lp-c-modal__close {
  background-color: #00ADA9;
  color: #fff;
}
.lp-c-modal__contents--blue .lp-c-modal__close:before, .lp-c-modal__contents--blue .lp-c-modal__close:after {
  background-color: #fff;
}

.lp-c-modal__close {
  position: absolute;
  z-index: 5;
  top: calc(-14 / var(--designwidth) * 100cqw);
  right: calc(-14 / var(--designwidth) * 100cqw);
  cursor: pointer;
  display: block;
  border-radius: 50%;
  width: calc(45 / var(--designwidth) * 100cqw);
  height: calc(45 / var(--designwidth) * 100cqw);
  border: 1px solid #000;
}
.lp-c-modal__close:before, .lp-c-modal__close:after {
  position: absolute;
  z-index: 2;
  top: calc(50% - 1px);
  right: 25%;
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  background-color: #1F1F1F;
  transform: rotate(-45deg);
}
.lp-c-modal__close:after {
  transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
  .lp-c-modal__close {
    transition: opacity 0.3s ease;
  }
  .lp-c-modal__close:hover {
    opacity: 0.9;
  }
}

.lp-c-modal__close--ice {
  border-color: #5099F5;
  background-color: #5099F5;
}

.lp-c-modal-column-label {
  margin: 0 0 calc(25 / var(--designwidth) * 100cqw);
  color: #E9527D;
  font-size: calc(16 / var(--designwidth) * 100cqw);
  font-weight: 700;
  font-family: var(--font_zenmaru);
  line-height: 1;
}
.lp-c-modal-column-label em {
  font-family: var(--font_goblin);
  font-style: normal;
}
.lp-c-modal-column-label.is-yellow {
  color: #EBB109;
}

.lp-c-modal-column-title {
  margin: 0 0 calc(25 / var(--designwidth) * 100cqw);
  font-family: var(--font_zenmaru);
  font-size: calc(16 / var(--designwidth) * 100cqw);
  font-weight: 900;
  line-height: 1.62; /* 162.5% */
}

#modal-column01 .lp-c-modal__close {
  background-color: var(--color_pink);
}

#modal-column02 .lp-c-modal__close {
  background-color: #EBB109;
}