:root {
  --pc: 1300 * 100vw;
  --sp: 375 * 100vw;
}

.content-inner {
  position: relative;
}

@media screen and (max-width: 769px) {
  #footer {
    margin-top: 0;
    padding-top: 40px;
  }
}
#main {
  overflow: visible;
}

.lp {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  background: #DBFAF9;
  color: #333;
  scroll-behavior: smooth;
}
.lp * {
  box-sizing: border-box;
}
.lp .fade, .lp .slideup, .lp .slideleft, .lp .slideright {
  opacity: 0;
}
.lp .fade.active {
  animation: fade 1s ease-in-out forwards;
}
.lp .slideup.active {
  animation: slideup 1s ease-in-out forwards;
}
.lp .slideleft.active {
  animation: slideleft 1s ease-in-out forwards;
}
.lp .slideright.active {
  animation: slideright 1s ease-in-out forwards;
}
.lp .zoom.active {
  animation: zoom 0.8s ease-in-out forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideright {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@keyframes revealHeight {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.lp img {
  image-rendering: auto;
  max-width: none;
  display: block;
}
.lp .swiper-wrapper {
  height: auto;
}
.lp .kv {
  position: relative;
  border-top: 1px solid #B8B8B8;
}
.lp .kv .kv-img-inner {
  width: calc(1152 / var(--pc));
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
.lp .kv .kv-img-inner::before {
  display: block;
  content: "";
  width: calc(355 / var(--pc));
  background: rgba(121, 197, 194, 0.6);
  position: absolute;
  top: 0;
  left: calc(55 / var(--pc));
  z-index: 2;
  height: 0;
  animation: revealHeight 0.5s ease-in-out forwards 0.5s;
}
.lp .kv .kv-img-inner picture img {
  animation: zoom 1s ease-in-out forwards;
}
.lp .kv .kv-img-inner + picture {
  width: calc(394 / var(--pc));
  position: absolute;
  top: calc(62 / var(--pc));
  left: calc(228 / var(--pc));
  opacity: 0;
  animation: slideright 1s ease-in-out forwards 1s;
  z-index: 3;
}
.lp .kv .scroll-down {
  font-family: "Inter", sans-serif;
  font-size: calc(10 / var(--pc));
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: calc(345 / var(--pc));
  z-index: 3;
}
.lp .kv .scroll-down::after {
  display: block;
  content: "";
  width: 1px;
  height: calc(46 / var(--pc));
  background: #fff;
  margin: 0 auto;
  animation: scroll 1.5s infinite;
}
.lp .kv .read {
  position: absolute;
  bottom: calc(109 / var(--pc));
  left: calc(228 / var(--pc));
  opacity: 0;
  animation: slideright 1s ease-in-out forwards 1.5s;
  z-index: 3;
}
.lp .kv .read h1 {
  font-size: calc(19 / var(--pc));
  font-weight: 400;
  line-height: 130%;
  color: #fff;
}
.lp .kv .read h1::before, .lp .kv .read h1::after {
  display: inline-block;
  content: "";
  width: calc(9 / var(--pc));
  height: calc(8 / var(--pc));
  background: url(../img/double-quotation.webp) no-repeat;
  background-size: cover;
  vertical-align: super;
}
.lp .kv .read h1::before {
  transform: scale(-1, 1);
  margin-right: calc(5 / var(--pc));
}
.lp .kv .read h1::after {
  margin-left: calc(5 / var(--pc));
}
.lp .kv .read p {
  font-size: calc(12 / var(--pc));
  font-weight: 400;
  line-height: calc(20 / var(--pc));
  color: #fff;
  margin-top: calc(8 / var(--pc));
}
.lp .lp-content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(204 / var(--pc));
}
.lp .lp-content .side-txt {
  width: 100%;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.lp .lp-content .side-txt.active {
  opacity: 1;
}
.lp .lp-content .leftside-txt {
  width: calc(24 / var(--pc));
  margin-left: calc(10 / var(--pc));
  margin-top: calc(25 / var(--pc));
}
.lp .lp-content .rightside-txt {
  margin-right: calc(9 / var(--pc));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(12 / var(--pc)) 0;
}
.lp .lp-content .rightside-txt p {
  font-family: "Inter", sans-serif;
  font-size: calc(12 / var(--pc));
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
}
.lp .lp-content .rightside-txt ul {
  width: calc(4.8 / var(--pc));
  border-right: 1px solid #929292;
  margin-right: calc(5 / var(--pc));
}
.lp .lp-content .rightside-txt ul li {
  width: 100%;
  height: 1px;
  border-top: 1px solid #929292;
  position: relative;
}
.lp .lp-content .rightside-txt ul li:not(:last-child) {
  margin-bottom: calc(31 / var(--pc));
}
.lp .lp-content .rightside-txt ul li.active::before {
  display: inline-block;
  content: "";
  width: calc(7 / var(--pc));
  height: calc(7 / var(--pc));
  border-radius: 100%;
  background: #50BDD7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(-7 / var(--pc));
}
.lp .lp-content .price {
  position: relative;
  z-index: 0;
}
.lp .lp-content .price::before {
  display: block;
  content: "";
  width: calc(15 / var(--pc));
  height: 100%;
  background: rgba(121, 197, 194, 0.6);
  position: absolute;
  top: 0;
  left: calc(15 / var(--pc));
  z-index: -1;
}
.lp .lp-content .price ul {
  padding: calc(10 / var(--pc)) 0;
}
.lp .lp-content .price ul li {
  font-family: "Inter", sans-serif;
  font-size: calc(13 / var(--pc));
  line-height: 136%;
}
.lp .lp-content .price ul li span {
  font-weight: 400;
}
.lp .lp-content .price ul li a:hover {
  opacity: 0.4;
}
.lp .lp-content .num {
  position: absolute;
}
.lp .lp-content .flex-img {
  display: flex;
  flex-wrap: wrap;
}
.lp .lp-content .slidedown {
  position: absolute;
  overflow: hidden;
  height: 0;
}
.lp .lp-content .slidedown.active {
  animation: revealHeight 1.5s ease-in-out forwards;
}
.lp .lp-content .slidedown p {
  font-size: calc(15 / var(--pc));
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.2em;
  writing-mode: vertical-lr;
  background: rgba(121, 197, 194, 0.6);
  padding: calc(7 / var(--pc)) calc(4 / var(--pc)) calc(4 / var(--pc));
  color: #fff;
  white-space: nowrap;
}
.lp .lp-content .swiper {
  position: relative;
}
.lp .lp-content .swiper .swiper-pagination {
  display: flex;
  gap: 0 calc(6 / var(--pc));
}
.lp .lp-content .swiper .swiper-pagination .swiper-pagination-bullet {
  width: calc(8 / var(--pc));
  height: calc(8 / var(--pc));
  background: rgba(51, 51, 51, 0.2);
  border-radius: 0;
  margin: 0;
}
.lp .lp-content .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #79C5C2;
}
.lp .lp-content .style01 {
  position: relative;
  margin-top: 0;
}
.lp .lp-content .style01 .flex-img {
  flex-direction: column;
}
.lp .lp-content .style01 .img01 {
  width: calc(480 / var(--pc));
  margin-left: calc(50 / var(--pc));
  position: relative;
}
.lp .lp-content .style01 .img01 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
}
.lp .lp-content .style01 .img01 .num {
  width: calc(80 / var(--pc));
  top: calc(3 / var(--pc));
  right: calc(-655 / var(--pc));
}
.lp .lp-content .style01 .img01 .slidedown {
  display: none;
}
.lp .lp-content .style01 .img02 {
  width: calc(819 / var(--pc));
  margin: calc(-378 / var(--pc)) 0 0 auto;
  z-index: 2;
  position: relative;
}
.lp .lp-content .style01 .img02 .slidedown:nth-of-type(1) {
  top: calc(141 / var(--pc));
  left: calc(166 / var(--pc));
}
.lp .lp-content .style01 .img02 .slidedown:nth-of-type(2) {
  top: calc(160 / var(--pc));
  left: calc(136 / var(--pc));
}
.lp .lp-content .style01 .price {
  margin: calc(-90 / var(--pc)) 0 0 calc(50 / var(--pc));
}
.lp .lp-content .style02 {
  margin-top: calc(295 / var(--pc));
}
.lp .lp-content .style02 .flex-img {
  justify-content: center;
}
.lp .lp-content .style02 .flex-img .img01, .lp .lp-content .style02 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style02 .flex-img .img01 {
  position: relative;
}
.lp .lp-content .style02 .flex-img .img01 .num {
  width: calc(87 / var(--pc));
  top: calc(26 / var(--pc));
  left: calc(23 / var(--pc));
}
.lp .lp-content .style02 .flex-img .img01 .slidedown:nth-of-type(1) {
  top: calc(354 / var(--pc));
  left: calc(144 / var(--pc));
}
.lp .lp-content .style02 .flex-img .img01 .slidedown:nth-of-type(2) {
  top: calc(373 / var(--pc));
  left: calc(114 / var(--pc));
}
.lp .lp-content .style02 .flex-img .img02 {
  margin-left: calc(20 / var(--pc));
  animation-delay: 0.5s;
}
.lp .lp-content .style02 .flex-img .img02 .slideup {
  animation-delay: 0.5s;
}
.lp .lp-content .style02 .flex-img .img02 .num, .lp .lp-content .style02 .flex-img .img02 .slidedown {
  display: none;
}
.lp .lp-content .style02 .price {
  margin-left: calc(115 / var(--pc));
}
.lp .lp-content .style02 .price ul {
  display: flex;
  gap: 0 calc(10 / var(--pc));
}
.lp .lp-content .style03 {
  margin-top: calc(298 / var(--pc));
}
.lp .lp-content .style03 .flex-img {
  justify-content: center;
}
.lp .lp-content .style03 .flex-img .img01, .lp .lp-content .style03 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style03 .flex-img .img01 .num {
  display: none;
}
.lp .lp-content .style03 .flex-img .img01 .slidedown {
  display: none;
}
.lp .lp-content .style03 .flex-img .img02 {
  position: relative;
  margin: calc(130 / var(--pc)) 0 0 calc(150 / var(--pc));
}
.lp .lp-content .style03 .flex-img .img02 .num {
  width: calc(78 / var(--pc));
  top: calc(-130 / var(--pc));
  left: 0;
}
.lp .lp-content .style03 .flex-img .img02 .slidedown:nth-of-type(1) {
  top: calc(189 / var(--pc));
  left: calc(77 / var(--pc));
}
.lp .lp-content .style03 .flex-img .img02 .slidedown:nth-of-type(2) {
  top: calc(209 / var(--pc));
  left: calc(46 / var(--pc));
}
.lp .lp-content .style03 .flex-img .price {
  margin: calc(-58 / var(--pc)) auto 0 calc(50 / var(--pc));
  width: calc(271 / var(--pc));
}
.lp .lp-content .style03 .flex-img .price ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(13 / var(--pc));
}
.lp .lp-content .style04 {
  margin-top: calc(300 / var(--pc));
}
.lp .lp-content .style04 .flex-img {
  justify-content: center;
}
.lp .lp-content .style04 .flex-img .img01, .lp .lp-content .style04 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style04 .flex-img .img01 {
  position: relative;
}
.lp .lp-content .style04 .flex-img .img01 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
  justify-content: flex-end;
}
.lp .lp-content .style04 .flex-img .img01 .num {
  width: calc(84 / var(--pc));
  top: calc(34 / var(--pc));
  right: calc(28 / var(--pc));
  z-index: 3;
}
.lp .lp-content .style04 .flex-img .img01 .slidedown {
  z-index: 3;
}
.lp .lp-content .style04 .flex-img .img01 .slidedown:nth-of-type(2) {
  top: calc(156 / var(--pc));
  right: calc(43 / var(--pc));
}
.lp .lp-content .style04 .flex-img .img01 .slidedown:nth-of-type(3) {
  top: calc(175 / var(--pc));
  right: calc(73 / var(--pc));
}
.lp .lp-content .style04 .flex-img .img02 {
  margin: calc(150 / var(--pc)) 0 0 calc(20 / var(--pc));
  position: relative;
}
.lp .lp-content .style04 .flex-img .img02 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
  justify-content: flex-end;
}
.lp .lp-content .style04 .flex-img .price {
  width: 100%;
  margin: calc(-41 / var(--pc)) auto 0 calc(115 / var(--pc));
}
.lp .lp-content .style05 {
  margin-top: calc(300 / var(--pc));
}
.lp .lp-content .style05 .flex-img {
  justify-content: center;
}
.lp .lp-content .style05 .flex-img .img01, .lp .lp-content .style05 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style05 .flex-img .img01 {
  position: relative;
  margin: calc(150 / var(--pc)) calc(150 / var(--pc)) 0 0;
}
.lp .lp-content .style05 .flex-img .img01 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
  justify-content: flex-end;
}
.lp .lp-content .style05 .flex-img .img01 .num {
  width: calc(79 / var(--pc));
  top: calc(-150 / var(--pc));
  right: 0;
}
.lp .lp-content .style05 .flex-img .img02 {
  position: relative;
}
.lp .lp-content .style05 .flex-img .img02 .num {
  display: none;
}
.lp .lp-content .style05 .flex-img .img02 .slidedown:nth-of-type(1) {
  top: calc(303 / var(--pc));
  right: calc(44 / var(--pc));
}
.lp .lp-content .style05 .flex-img .img02 .slidedown:nth-of-type(2) {
  top: calc(322 / var(--pc));
  right: calc(74 / var(--pc));
}
.lp .lp-content .style05 .flex-img .price {
  width: calc(291 / var(--pc));
  margin: calc(-42 / var(--pc)) calc(285 / var(--pc)) 0 auto;
}
.lp .lp-content .style05 .flex-img .price ul {
  display: flex;
  gap: 0 calc(10 / var(--pc));
}
.lp .lp-content .style06 {
  margin-top: calc(230 / var(--pc));
}
.lp .lp-content .style06 .ashirai {
  display: flex;
  margin-left: calc(299 / var(--pc));
}
.lp .lp-content .style06 .ashirai img:nth-of-type(1) {
  width: calc(444 / var(--pc));
}
.lp .lp-content .style06 .ashirai img:nth-of-type(2) {
  width: calc(264 / var(--pc));
  margin: calc(-23 / var(--pc)) 0 0 calc(9 / var(--pc));
  animation-delay: 0.5s;
}
.lp .lp-content .style06 .flex-img {
  margin-top: calc(205 / var(--pc));
  justify-content: center;
}
.lp .lp-content .style06 .flex-img .img01, .lp .lp-content .style06 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style06 .flex-img .img01 {
  position: relative;
}
.lp .lp-content .style06 .flex-img .img01 .num {
  width: calc(80 / var(--pc));
  bottom: calc(28 / var(--pc));
  right: calc(28 / var(--pc));
}
.lp .lp-content .style06 .flex-img .img01 .slidedown:nth-of-type(1) {
  top: calc(246 / var(--pc));
  right: calc(40 / var(--pc));
}
.lp .lp-content .style06 .flex-img .img01 .slidedown:nth-of-type(2) {
  top: calc(265 / var(--pc));
  right: calc(71 / var(--pc));
}
.lp .lp-content .style06 .flex-img .img02 {
  margin-left: calc(20 / var(--pc));
  animation-delay: 0.5s;
}
.lp .lp-content .style06 .price {
  margin-left: calc(115 / var(--pc));
}
.lp .lp-content .style06 .price ul {
  display: flex;
  gap: 0 calc(10 / var(--pc));
}
.lp .lp-content .style07 {
  margin-top: calc(297 / var(--pc));
}
.lp .lp-content .style07 .flex-img {
  justify-content: center;
}
.lp .lp-content .style07 .flex-img .img01, .lp .lp-content .style07 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style07 .flex-img .img01 {
  position: relative;
}
.lp .lp-content .style07 .flex-img .img01 .num {
  display: none;
}
.lp .lp-content .style07 .flex-img .img01 .slidedown:nth-of-type(1) {
  top: calc(40 / var(--pc));
  right: calc(78 / var(--pc));
}
.lp .lp-content .style07 .flex-img .img01 .slidedown:nth-of-type(2) {
  top: calc(59 / var(--pc));
  right: calc(108 / var(--pc));
}
.lp .lp-content .style07 .flex-img .img02 {
  position: relative;
  margin: calc(150 / var(--pc)) 0 0 calc(150 / var(--pc));
}
.lp .lp-content .style07 .flex-img .img02 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
  justify-content: flex-end;
}
.lp .lp-content .style07 .flex-img .img02 .num {
  width: calc(77 / var(--pc));
  top: calc(-150 / var(--pc));
  left: 0;
}
.lp .lp-content .style07 .flex-img .price {
  margin: calc(-40 / var(--pc)) auto 0 calc(300 / var(--pc));
}
.lp .lp-content .style07 .flex-img .price ul {
  display: flex;
  gap: 0 10px;
}
.lp .lp-content .style08 {
  margin-top: calc(300 / var(--pc));
}
.lp .lp-content .style08 .flex-img .img01, .lp .lp-content .style08 .flex-img .img02 {
  width: calc(525 / var(--pc));
}
.lp .lp-content .style08 .flex-img .img01 {
  position: relative;
  margin: calc(150 / var(--pc)) calc(24 / var(--pc)) 0 calc(140 / var(--pc));
}
.lp .lp-content .style08 .flex-img .img01 .swiper-pagination {
  bottom: calc(-14 / var(--pc));
  justify-content: flex-end;
}
.lp .lp-content .style08 .flex-img .img01 .num {
  width: calc(80 / var(--pc));
  top: calc(-150 / var(--pc));
  left: 0;
}
.lp .lp-content .style08 .flex-img .img02 {
  position: relative;
}
.lp .lp-content .style08 .flex-img .img02 .num {
  display: none;
}
.lp .lp-content .style08 .flex-img .img02 .slidedown:nth-of-type(1) {
  top: calc(257 / var(--pc));
  left: calc(154 / var(--pc));
}
.lp .lp-content .style08 .flex-img .img02 .slidedown:nth-of-type(2) {
  top: calc(276 / var(--pc));
  left: calc(124 / var(--pc));
}
.lp .lp-content .style08 .flex-img .price {
  width: calc(244 / var(--pc));
  margin: calc(-56 / var(--pc)) calc(367 / var(--pc)) 0 auto;
}
.lp .lp-content .style08 .flex-img .price ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(10 / var(--pc));
}
.lp .staff {
  margin-top: calc(309 / var(--pc));
}
.lp .staff img {
  width: calc(271 / var(--pc));
  margin: 0 auto;
}
.lp .staff .staff-credit {
  margin-top: calc(40 / var(--pc));
  text-align: center;
  font-family: "Inter", sans-serif;
}
.lp .staff .staff-credit p {
  font-size: calc(14 / var(--pc));
  font-weight: 400;
  position: relative;
}
.lp .staff .staff-credit p::after {
  display: block;
  content: "";
  width: calc(28 / var(--pc));
  height: 1px;
  border-top: 1px solid #969696;
  margin: calc(10 / var(--pc)) auto 0;
}
.lp .staff .staff-credit ul {
  margin-top: calc(12 / var(--pc));
}
.lp .staff .staff-credit ul li {
  font-size: calc(12 / var(--pc));
  line-height: calc(16 / var(--pc));
}
.lp .staff .staff-credit ul li span {
  font-weight: 400;
}
.lp .staff a {
  display: block;
  width: calc(310 / var(--pc));
  background: #79C5C2;
  color: #fff;
  font-size: calc(16 / var(--pc));
  line-height: calc(41 / var(--pc));
  letter-spacing: 0.22em;
  margin: calc(39 / var(--pc)) auto 0;
  text-align: center;
}
.lp .staff a + p {
  font-family: "Noto Serif JP", serif;
  font-size: calc(11 / var(--pc));
  margin-top: calc(3 / var(--pc));
  text-align: center;
}
.lp .banner {
  margin-top: calc(103 / var(--pc));
  padding: calc(100 / var(--pc)) 0 calc(75 / var(--pc));
  border-top: 1px solid #B3B3B3;
}
.lp .banner img {
  width: calc(495 / var(--pc));
  margin: 0 auto;
}
.lp .banner .backtotop {
  font-family: "Inter", sans-serif;
  font-size: calc(12 / var(--pc));
  font-weight: 400;
  color: #565656;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: calc(74 / var(--pc));
  gap: 1px 0;
}
.lp .banner .backtotop::before {
  display: block;
  content: "";
  width: calc(15 / var(--pc));
  height: calc(7 / var(--pc));
  background: url(../img/arrow.webp) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .lp .kv .kv-img-inner {
    width: 100%;
    position: relative;
  }
  .lp .kv .kv-img-inner::before {
    width: calc(106 / var(--sp));
    left: 0;
  }
  .lp .kv .kv-img-inner + picture {
    width: calc(223 / var(--sp));
    top: calc(153 / var(--sp));
    left: calc(13 / var(--sp));
  }
  .lp .kv .scroll-down {
    font-size: calc(9 / var(--sp));
    bottom: calc(165 / var(--sp));
    left: calc(26 / var(--sp));
  }
  .lp .kv .scroll-down::after {
    height: calc(28 / var(--sp));
  }
  .lp .kv .read {
    position: static;
    margin-top: calc(27 / var(--sp));
    text-align: center;
    animation: none;
    opacity: 1;
  }
  .lp .kv .read h1 {
    font-size: calc(17 / var(--sp));
    line-height: calc(22 / var(--sp));
    color: #333;
  }
  .lp .kv .read h1::before, .lp .kv .read h1::after {
    width: calc(7 / var(--sp));
    height: calc(6 / var(--sp));
    background: url(../img/double-quotation_sp.webp) no-repeat;
    background-size: cover;
  }
  .lp .kv .read h1::before {
    transform: scale(-1, 1);
    margin-right: calc(3 / var(--sp));
  }
  .lp .kv .read h1::after {
    margin-left: calc(3 / var(--sp));
  }
  .lp .kv .read p {
    font-size: calc(11 / var(--sp));
    font-weight: 400;
    line-height: calc(18 / var(--sp));
    color: #333;
    margin-top: calc(8 / var(--sp));
  }
  .lp .lp-content {
    width: 100%;
    padding-top: calc(99 / var(--sp));
  }
  .lp .lp-content .leftside-txt {
    width: calc(20 / var(--sp));
    margin-left: calc(5 / var(--sp));
    margin-top: calc(17 / var(--sp));
  }
  .lp .lp-content .rightside-txt {
    margin-right: calc(10 / var(--sp));
    gap: calc(10 / var(--sp)) 0;
  }
  .lp .lp-content .rightside-txt p {
    font-size: calc(9 / var(--sp));
  }
  .lp .lp-content .rightside-txt ul {
    width: calc(4 / var(--sp));
    margin-right: calc(2 / var(--sp));
  }
  .lp .lp-content .rightside-txt ul li:not(:last-child) {
    margin-bottom: calc(26 / var(--sp));
  }
  .lp .lp-content .rightside-txt ul li.active::before {
    width: calc(6 / var(--sp));
    height: calc(6 / var(--sp));
    left: calc(-6 / var(--sp));
  }
  .lp .lp-content .price::before {
    width: calc(12 / var(--sp));
    left: calc(20 / var(--sp));
  }
  .lp .lp-content .price ul {
    padding: calc(10 / var(--sp)) 0;
  }
  .lp .lp-content .price ul li {
    font-size: calc(11 / var(--sp));
    line-height: 120%;
  }
  .lp .lp-content .slidedown {
    width: calc(19 / var(--sp));
  }
  .lp .lp-content .slidedown p {
    font-size: calc(12 / var(--sp));
    padding: calc(4 / var(--sp)) calc(4 / var(--sp)) calc(5 / var(--sp));
  }
  .lp .lp-content .swiper .swiper-pagination {
    gap: 0 calc(6 / var(--sp));
  }
  .lp .lp-content .swiper .swiper-pagination .swiper-pagination-bullet {
    width: calc(8 / var(--sp));
    height: calc(8 / var(--sp));
  }
  .lp .lp-content .style01 {
    margin-top: 0;
  }
  .lp .lp-content .style01 .img01 {
    width: calc(310 / var(--sp));
    margin: 0 auto;
  }
  .lp .lp-content .style01 .img01 .swiper-pagination {
    bottom: calc(-15 / var(--sp));
    justify-content: flex-end;
  }
  .lp .lp-content .style01 .img01 .num {
    width: calc(54 / var(--sp));
    top: calc(19 / var(--sp));
    right: calc(237 / var(--sp));
    z-index: 3;
  }
  .lp .lp-content .style01 .img01 .slidedown {
    z-index: 3;
    display: block;
  }
  .lp .lp-content .style01 .img01 .slidedown:nth-of-type(2) {
    top: calc(101 / var(--sp));
    left: calc(256 / var(--sp));
  }
  .lp .lp-content .style01 .img01 .slidedown:nth-of-type(3) {
    top: calc(116 / var(--sp));
    left: calc(232 / var(--sp));
  }
  .lp .lp-content .style01 .img02 {
    width: 100%;
    margin: calc(79 / var(--sp)) 0 0 0;
  }
  .lp .lp-content .style01 .img02 .slidedown {
    display: none;
  }
  .lp .lp-content .style01 .img02 .slideleft.active {
    animation: slideright 1s ease-in-out forwards;
  }
  .lp .lp-content .style01 .price {
    width: calc(168 / var(--sp));
    margin: 0 auto 0 calc(105 / var(--sp));
  }
  .lp .lp-content .style01 .price ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6 / var(--sp)) calc(12 / var(--sp));
  }
  .lp .lp-content .style02 {
    margin-top: calc(173 / var(--sp));
  }
  .lp .lp-content .style02 .flex-img .img01 {
    position: relative;
    width: calc(340 / var(--sp));
    order: 2;
    margin: calc(80 / var(--sp)) 0 0 auto;
  }
  .lp .lp-content .style02 .flex-img .img01.slideup.active {
    animation: slideleft 1s ease-in-out forwards;
  }
  .lp .lp-content .style02 .flex-img .img01 .num {
    display: none;
  }
  .lp .lp-content .style02 .flex-img .img01 .slidedown {
    display: none;
  }
  .lp .lp-content .style02 .flex-img .img02 {
    width: 100%;
    margin-left: 0;
    animation-delay: 0s;
    order: 1;
    position: relative;
  }
  .lp .lp-content .style02 .flex-img .img02 .slideup {
    animation-delay: 0s;
  }
  .lp .lp-content .style02 .flex-img .img02 .num {
    display: block;
    width: calc(57 / var(--sp));
    top: calc(20 / var(--sp));
    left: calc(159 / var(--sp));
  }
  .lp .lp-content .style02 .flex-img .img02 .slidedown {
    display: block;
  }
  .lp .lp-content .style02 .flex-img .img02 .slidedown:nth-of-type(1) {
    top: calc(208 / var(--sp));
    left: calc(301 / var(--sp));
  }
  .lp .lp-content .style02 .flex-img .img02 .slidedown:nth-of-type(2) {
    top: calc(223 / var(--sp));
    left: calc(277 / var(--sp));
  }
  .lp .lp-content .style02 .price {
    margin-left: calc(35 / var(--sp));
  }
  .lp .lp-content .style02 .price ul {
    gap: 0 calc(12 / var(--sp));
  }
  .lp .lp-content .style03 {
    margin-top: calc(184 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img {
    justify-content: flex-start;
  }
  .lp .lp-content .style03 .flex-img .img01, .lp .lp-content .style03 .flex-img .img02 {
    width: calc(330 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img .img01 {
    position: relative;
  }
  .lp .lp-content .style03 .flex-img .img01 .num {
    display: block;
    width: calc(61 / var(--sp));
    top: calc(16 / var(--sp));
    right: calc(19 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img .img01 .slidedown {
    display: block;
  }
  .lp .lp-content .style03 .flex-img .img01 .slidedown:nth-of-type(1) {
    top: calc(129 / var(--sp));
    left: calc(256 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img .img01 .slidedown:nth-of-type(2) {
    top: calc(144 / var(--sp));
    left: calc(232 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img .img02 {
    margin: calc(78 / var(--sp)) 0 0 auto;
  }
  .lp .lp-content .style03 .flex-img .img02 .slideup.active {
    animation: slideleft 1s ease-in-out forwards;
  }
  .lp .lp-content .style03 .flex-img .img02 .num {
    display: none;
  }
  .lp .lp-content .style03 .flex-img .img02 .slidedown {
    display: none;
  }
  .lp .lp-content .style03 .flex-img .price {
    margin: 0 auto 0 calc(45 / var(--sp));
    width: calc(232 / var(--sp));
  }
  .lp .lp-content .style03 .flex-img .price ul {
    gap: calc(6 / var(--sp)) calc(12 / var(--sp));
  }
  .lp .lp-content .style04 {
    margin-top: calc(177 / var(--sp));
  }
  .lp .lp-content .style04 .flex-img .img01 {
    width: 100%;
  }
  .lp .lp-content .style04 .flex-img .img01 .swiper-pagination {
    bottom: calc(-14 / var(--sp));
    justify-content: center;
  }
  .lp .lp-content .style04 .flex-img .img01 .num {
    width: calc(56 / var(--sp));
    top: calc(24 / var(--sp));
    right: calc(33 / var(--sp));
  }
  .lp .lp-content .style04 .flex-img .img01 .slidedown:nth-of-type(2) {
    top: calc(100 / var(--sp));
    right: calc(40 / var(--sp));
  }
  .lp .lp-content .style04 .flex-img .img01 .slidedown:nth-of-type(3) {
    top: calc(115 / var(--sp));
    right: calc(64 / var(--sp));
  }
  .lp .lp-content .style04 .flex-img .img02 {
    width: calc(310 / var(--sp));
    margin: calc(80 / var(--sp)) auto 0;
  }
  .lp .lp-content .style04 .flex-img .img02 .slideup.active {
    animation: slideright 1s ease-in-out forwards;
  }
  .lp .lp-content .style04 .flex-img .img02 .swiper-pagination {
    bottom: calc(-14 / var(--sp));
  }
  .lp .lp-content .style04 .flex-img .price {
    width: 100%;
    margin: 0 auto 0 calc(33 / var(--sp));
  }
  .lp .lp-content .style05 {
    margin-top: calc(183 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img {
    justify-content: flex-start;
  }
  .lp .lp-content .style05 .flex-img .img01, .lp .lp-content .style05 .flex-img .img02 {
    width: calc(330 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img .img01 {
    order: 2;
    margin: calc(80 / var(--sp)) 0 0 0;
  }
  .lp .lp-content .style05 .flex-img .img01 .swiper-pagination {
    bottom: calc(-14 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img .img01 .num {
    display: none;
  }
  .lp .lp-content .style05 .flex-img .img02 {
    order: 1;
    margin-left: auto;
  }
  .lp .lp-content .style05 .flex-img .img02 .num {
    display: block;
    width: calc(52 / var(--sp));
    top: calc(23 / var(--sp));
    right: calc(28 / var(--sp));
    z-index: 3;
  }
  .lp .lp-content .style05 .flex-img .img02 .slidedown:nth-of-type(1) {
    top: calc(96 / var(--sp));
    right: calc(32 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img .img02 .slidedown:nth-of-type(2) {
    top: calc(111 / var(--sp));
    right: calc(57 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img .price {
    order: 3;
    width: calc(257 / var(--sp));
    margin: calc(-1 / var(--sp)) auto 0 calc(33 / var(--sp));
  }
  .lp .lp-content .style05 .flex-img .price ul {
    gap: 0 calc(14 / var(--sp));
  }
  .lp .lp-content .style06 {
    margin-top: calc(150 / var(--sp));
  }
  .lp .lp-content .style06 .ashirai {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
  }
  .lp .lp-content .style06 .ashirai img:nth-of-type(1) {
    width: calc(283 / var(--sp));
  }
  .lp .lp-content .style06 .ashirai img:nth-of-type(2) {
    width: calc(168 / var(--sp));
    margin: calc(-8 / var(--sp)) 0 0 0;
    animation-delay: 0s;
  }
  .lp .lp-content .style06 .flex-img {
    margin-top: calc(149 / var(--sp));
  }
  .lp .lp-content .style06 .flex-img .img01, .lp .lp-content .style06 .flex-img .img02 {
    width: 100%;
  }
  .lp .lp-content .style06 .flex-img .img01 .num {
    width: calc(53 / var(--sp));
    bottom: calc(27 / var(--sp));
    right: calc(28 / var(--sp));
  }
  .lp .lp-content .style06 .flex-img .img01 .slidedown:nth-of-type(1) {
    top: calc(140 / var(--sp));
    right: calc(33 / var(--sp));
  }
  .lp .lp-content .style06 .flex-img .img01 .slidedown:nth-of-type(2) {
    top: calc(155 / var(--sp));
    right: calc(57 / var(--sp));
  }
  .lp .lp-content .style06 .flex-img .img02 {
    margin-left: 0;
    animation-delay: 0s;
  }
  .lp .lp-content .style06 .price {
    width: calc(273 / var(--sp));
    margin: 0 auto;
  }
  .lp .lp-content .style06 .price ul {
    flex-wrap: wrap;
    gap: calc(6 / var(--sp)) calc(12 / var(--sp));
  }
  .lp .lp-content .style07 {
    margin-top: calc(172 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img {
    justify-content: flex-start;
  }
  .lp .lp-content .style07 .flex-img .img01 {
    width: 100%;
  }
  .lp .lp-content .style07 .flex-img .img01 .slideright.active {
    animation: slideup 1s ease-in-out forwards;
  }
  .lp .lp-content .style07 .flex-img .img01 .num {
    display: block;
    width: calc(52 / var(--sp));
    top: calc(27 / var(--sp));
    right: calc(29 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img .img01 .slidedown:nth-of-type(1) {
    top: calc(103 / var(--sp));
    right: calc(32 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img .img01 .slidedown:nth-of-type(2) {
    top: calc(118 / var(--sp));
    right: calc(57 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img .img02 {
    width: calc(340 / var(--sp));
    margin: calc(80 / var(--sp)) 0 0 auto;
  }
  .lp .lp-content .style07 .flex-img .img02 .slideup.active {
    animation: slideleft 1s ease-in-out forwards;
  }
  .lp .lp-content .style07 .flex-img .img02 .swiper-pagination {
    bottom: calc(-14 / var(--sp));
    padding-right: calc(6 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img .img02 .num {
    display: none;
  }
  .lp .lp-content .style07 .flex-img .price {
    margin: 0 auto 0 calc(35 / var(--sp));
  }
  .lp .lp-content .style07 .flex-img .price ul {
    gap: 0 calc(12 / var(--sp));
  }
  .lp .lp-content .style08 {
    margin-top: calc(184 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .img01 {
    order: 2;
    width: calc(310 / var(--sp));
    margin: calc(80 / var(--sp)) 0 0 0;
  }
  .lp .lp-content .style08 .flex-img .img01 .slideup.active {
    animation: slideright 1s ease-in-out forwards;
  }
  .lp .lp-content .style08 .flex-img .img01 .swiper-pagination {
    bottom: calc(-14 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .img01 .num {
    display: none;
  }
  .lp .lp-content .style08 .flex-img .img02 {
    width: 100%;
    order: 1;
  }
  .lp .lp-content .style08 .flex-img .img02 .num {
    display: block;
    width: calc(62 / var(--sp));
    top: calc(23 / var(--sp));
    left: calc(27 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .img02 .slidedown:nth-of-type(1) {
    top: calc(164 / var(--sp));
    left: calc(123 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .img02 .slidedown:nth-of-type(2) {
    top: calc(179 / var(--sp));
    left: calc(99 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .price {
    order: 3;
    width: calc(210 / var(--sp));
    margin: 0 0 0 calc(33 / var(--sp));
  }
  .lp .lp-content .style08 .flex-img .price ul {
    gap: calc(6 / var(--sp)) calc(12 / var(--sp));
  }
  .lp .staff {
    margin-top: calc(182 / var(--sp));
  }
  .lp .staff img {
    width: calc(181 / var(--sp));
  }
  .lp .staff .staff-credit {
    margin-top: calc(28 / var(--sp));
  }
  .lp .staff .staff-credit p {
    font-size: calc(12 / var(--sp));
  }
  .lp .staff .staff-credit p::after {
    width: calc(23 / var(--sp));
    margin-top: calc(5 / var(--sp));
  }
  .lp .staff .staff-credit ul {
    margin-top: calc(9 / var(--sp));
  }
  .lp .staff .staff-credit ul li {
    font-size: calc(11 / var(--sp));
    line-height: calc(15 / var(--sp));
  }
  .lp .staff a {
    width: calc(310 / var(--sp));
    font-size: calc(16 / var(--sp));
    line-height: calc(41 / var(--sp));
    margin-top: calc(35 / var(--sp));
  }
  .lp .staff a + p {
    font-size: calc(11 / var(--sp));
    margin-top: calc(3 / var(--sp));
  }
  .lp .banner {
    margin-top: calc(56 / var(--sp));
    padding: calc(69 / var(--sp)) 0 calc(62 / var(--sp));
  }
  .lp .banner img {
    width: calc(310 / var(--sp));
  }
  .lp .banner .backtotop {
    font-size: calc(11 / var(--sp));
    color: #333;
    margin-top: calc(53 / var(--sp));
  }
  .lp .banner .backtotop::before {
    width: calc(15 / var(--sp));
    height: calc(7 / var(--sp));
  }
}/*# sourceMappingURL=sommerlook20250721.css.map */