:root {
  --designwidth: 1368;
  --lp_font_jp: ryo-gothic-plusn, sans-serif;
  --lp_font_en: "univers-next-pro", sans-serif;
  --anime_duration: 0.8s;
  --color_base:#717171;
  --zoom:1.212; }
  @media screen and (max-width: 767px) {
    :root {
      --designwidth: 376;
      --zoom:1; } }

body {
  font-family: var(--lp_font_jp);
  font-style: normal; }
  body.is-modal-open {
    position: relative;
    height: 100%;
    overflow: hidden; }

.simple-footer {
  display: none !important; }

@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; } }

.lp-u-block {
  padding-left: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw);
  padding-right: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw); }
  .lp-u-block > :first-child {
    margin-top: 0 !important; }

.lp-u-block-reset {
  margin-inline: calc((-30 * var(--zoom) / var(--designwidth) ) * 100vw); }

@media screen and (min-width: 768px) {
  .lp-u-hover {
    transition: ease opacity 0.3s; }
    .lp-u-hover:hover {
      opacity: 0.7; } }

.lp-u-mt0 {
  margin-top: 0 !important; }

.lp-l-wrapper {
  line-height: 2;
  font-weight: 500;
  font-size: calc((11 * var(--zoom) / var(--designwidth) ) * 100vw);
  color: var(--color_base);
  background-color: #FFFDF6; }
  .lp-l-wrapper img,
  .lp-l-wrapper video {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.lp-l-article {
  position: relative; }

.lp-l-article__main__contents {
  overflow: hidden; }

.c-credit-wrap {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 100%;
  gap: calc((8 * var(--zoom) / var(--designwidth) ) * 100vw);
  padding: 0 calc((16 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content; }
  @media screen and (min-width: 768px) {
    .c-credit-wrap {
      padding: 0 calc((30 / var(--designwidth) ) * 100vw) 0 0;
      gap: calc((6 / var(--designwidth) ) * 100vw); } }

.c-credit {
  display: block;
  text-decoration: none;
  color: inherit; }
  @media screen and (min-width: 768px) {
    .c-credit:hover .c-credit__price {
      text-decoration: none; } }

.c-credit__detail {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  font-size: calc((10 * var(--zoom) / var(--designwidth) ) * 100vw);
  color: var(--color_red);
  font-family: var(--lp_font_en);
  width: calc((104 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .c-credit__detail {
      width: calc((104 * var(--zoom) / var(--designwidth) ) * 100vw);
      font-size: calc((10 / var(--designwidth) ) * 100vw); } }

.c-credit__name {
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .c-credit__name {
      width: calc((104 / var(--designwidth) ) * 100vw); } }

.c-credit__price {
  text-decoration: underline; }
  .c-credit__price:before {
    margin-left: 0.5em;
    content: "\0a5"; }

.c-credit__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc((2 * var(--zoom) / var(--designwidth) ) * 100vw) calc((5 * var(--zoom) / var(--designwidth) ) * 100vw);
  width: calc((74 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 1;
  font-size: calc((10 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-family: var(--lp_font_en);
  color: #fff;
  border: 1px solid var(--color_base);
  background-color: var(--color_base);
  border-radius: 50px;
  text-decoration: none;
  transition: ease 0.3s;
  line-height: 1;
  text-rendering: optimizeLegibility;
  transition-property: opacity, transform; }
  .c-credit__button > span {
    transform: scale(0.8); }

.c-inlinelink {
  text-decoration: underline;
  color: inherit; }
  .c-inlinelink:hover {
    text-decoration: none; }

.c-paragraph {
  text-align: justify;
  font-size: calc((11 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 500;
  line-height: 2; }

@media screen and (min-width: 768px) {
  .lp-mv {
    display: flex; } }

@media screen and (max-width: 767px) {
  .lp-mv {
    z-index: 1; } }

.lp-mv__img {
  margin-left: auto;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .lp-mv__img {
      margin-right: calc((79 / var(--designwidth) ) * 100vw);
      width: calc((687 / var(--designwidth) ) * 100vw); } }
  .lp-mv__img img {
    display: block;
    opacity: 0;
    transition: ease-out 2s;
    transition-property: opacity, transform; }
  .lp-mv__img.is-show img {
    opacity: 1; }

.lp-mv-hero {
  opacity: 0;
  transition: ease-out opacity var(--anime_duration); }
  .is-init .lp-mv-hero {
    opacity: 1; }

.lp-mv__detail {
  display: flex;
  align-items: center;
  color: var(--color_base);
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .lp-mv__detail {
      position: fixed;
      top: 0;
      left: 0;
      padding: calc((15 / var(--designwidth) ) * 100vw) 0;
      width: calc((456 / var(--designwidth) ) * 100vw);
      min-height: 100vh;
      background: none; } }
  @media screen and (max-width: 767px) {
    .lp-mv__detail {
      position: relative;
      padding: calc((40 * var(--zoom) / var(--designwidth) ) * 100vw) calc((19 * var(--zoom) / var(--designwidth) ) * 100vw) 0 calc((45 * var(--zoom) / var(--designwidth) ) * 100vw); } }

@media screen and (min-width: 768px) {
  .lp-mv__detail__inner {
    margin-left: calc((80 / var(--designwidth) ) * 100vw);
    width: calc((312 / var(--designwidth) ) * 100vw); } }

@media screen and (min-width: 768px) {
  .lp-mv__detail__section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    max-width: calc((480 / var(--designwidth) ) * 100vw); }
    .lp-mv__detail__section--sub {
      padding-top: 15vh;
      justify-content: flex-start; } }

@media screen and (max-width: 767px) {
  .lp-mv__detail__section {
    display: flex;
    flex-direction: column;
    gap: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw); } }

.lp-mv__detail__section > :first-child {
  margin-top: 0 !important; }

.lp-mv__detail__section > :last-child {
  margin-bottom: 0 !important; }

.lp-mv-hero__logo {
  display: flex;
  flex-direction: column;
  gap: calc((8 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__logo {
      gap: calc((11 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__logo__block,
.lp-mv-hero__logo__block02 {
  display: block; }
  .lp-mv-hero__logo__block img,
  .lp-mv-hero__logo__block02 img {
    display: block; }

.lp-mv-hero__logo__block {
  width: calc((156 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__logo__block {
      width: calc((220 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__logo__block02 {
  width: calc((193 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__logo__block02 {
      width: calc((272 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__lead {
  margin: calc((12 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
  line-height: 1.428;
  font-size: calc((14 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__lead {
      margin: calc((12 / var(--designwidth) ) * 100vw) 0 0;
      font-size: calc((14 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: calc((20 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__detail {
      grid-template-columns: 1fr;
      gap: calc((20 / var(--designwidth) ) * 100vw);
      margin-top: calc((20 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__text {
  margin: 0;
  line-height: 1.6;
  font-size: calc((10 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__text {
      font-size: calc((10 / var(--designwidth) ) * 100vw); } }

.lp-mv-hero__credit {
  margin: 0;
  padding-left: calc((29 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 1.4;
  font-family: var(--lp_font_en);
  font-weight: 500;
  font-size: calc((10 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-mv-hero__credit {
      padding-left: 0;
      font-size: calc((10 / var(--designwidth) ) * 100vw); } }

.lp-look-wrap {
  margin-top: calc((132 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-look-wrap {
      margin-top: calc((130 / var(--designwidth) ) * 100vw); } }

@media screen and (min-width: 768px) {
  .lp-look__inner {
    margin-left: auto;
    padding-right: calc((79 / var(--designwidth) ) * 100vw);
    width: calc((687 / var(--designwidth) ) * 100vw); } }

@media screen and (min-width: 768px) {
  .lp-look__inner.is-pc-wide {
    padding-right: calc((80 / var(--designwidth) ) * 100vw);
    width: calc((770 / var(--designwidth) ) * 100vw); } }

.lp-look__image-wrap {
  position: relative;
  width: 100%; }
  .lp-look__image-wrap.is-wrap01 {
    padding-left: calc((69 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap01 {
        padding-left: calc((82 / var(--designwidth) ) * 100vw); } }
  .lp-look__image-wrap.is-wrap02 {
    margin-top: calc((24 * var(--zoom) / var(--designwidth) ) * 100vw);
    padding-left: calc((45 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap02 {
        margin-top: calc((43 / var(--designwidth) ) * 100vw);
        padding-left: 0; } }
  .lp-look__image-wrap.is-wrap03 {
    margin-top: calc((38 * var(--zoom) / var(--designwidth) ) * 100vw);
    padding-left: calc((45 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap03 {
        margin-top: calc((69 / var(--designwidth) ) * 100vw);
        padding-left: calc((81 / var(--designwidth) ) * 100vw); } }
  .lp-look__image-wrap.is-wrap04 {
    display: flex;
    flex-direction: column;
    gap: calc((17 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-top: calc((60 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap04 {
        overflow: hidden;
        gap: calc((17 / var(--designwidth) ) * 100vw);
        margin-top: calc((160 / var(--designwidth) ) * 100vw);
        margin-right: calc((-79 / var(--designwidth) ) * 100vw);
        width: auto; } }
  .lp-look__image-wrap.is-wrap05 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: calc((32 * var(--zoom) / var(--designwidth) ) * 100vw);
    padding-right: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap05 {
        margin-top: calc((59 / var(--designwidth) ) * 100vw);
        padding-right: calc((29 * var(--zoom) / var(--designwidth) ) * 100vw); } }
  .lp-look__image-wrap.is-wrap06 {
    margin-top: calc((190 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: calc((61 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap06 {
        margin-top: calc((170 / var(--designwidth) ) * 100vw);
        margin-left: calc((114 / var(--designwidth) ) * 100vw); } }
  .lp-look__image-wrap.is-wrap07 {
    margin-top: calc((64 * var(--zoom) / var(--designwidth) ) * 100vw);
    padding-left: calc((15 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image-wrap.is-wrap07 {
        padding-left: calc((28 * var(--zoom) / var(--designwidth) ) * 100vw); } }

@keyframes loop {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

.lp-look__image {
  flex-shrink: 0;
  position: relative;
  display: flex; }
  .lp-look__image.is-tx01 img, .lp-look__image.is-tx02 img {
    display: block;
    min-width: calc((1913 * var(--zoom) / var(--designwidth) ) * 100vw);
    animation: loop 50s linear infinite; }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-tx01 img, .lp-look__image.is-tx02 img {
        min-width: calc((1913 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-tx02 img {
    animation-direction: reverse; }
  .lp-look__image.is-img01 {
    width: calc((196 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img01 {
        width: calc((359 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img02 {
    position: absolute;
    top: calc((240 * var(--zoom) / var(--designwidth) ) * 100vw);
    left: 0;
    width: calc((136 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img02 {
        top: calc((496 / var(--designwidth) ) * 100vw);
        width: calc((249 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img03 {
    margin-top: calc((-43 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: calc((172 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((120 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img03 {
        margin-top: calc((58 * var(--zoom) / var(--designwidth) ) * 100vw);
        margin-left: calc((276 / var(--designwidth) ) * 100vw);
        width: calc((220 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img04 {
    z-index: 2;
    margin-left: calc((78 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((208 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img04 {
        margin-left: calc((142 / var(--designwidth) ) * 100vw);
        width: calc((380 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img05 {
    position: absolute;
    top: calc((32 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((135 * var(--zoom) / var(--designwidth) ) * 100vw);
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img05 {
        top: calc((58 / var(--designwidth) ) * 100vw);
        width: calc((247 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img06 {
    width: calc((135 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img06 {
        width: calc((248 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img07 {
    position: absolute;
    width: calc((164 * var(--zoom) / var(--designwidth) ) * 100vw);
    top: calc((45 * var(--zoom) / var(--designwidth) ) * 100vw);
    left: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw);
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img07 {
        top: calc((82 / var(--designwidth) ) * 100vw);
        left: calc((-54 / var(--designwidth) ) * 100vw);
        width: calc((300 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img08 {
    margin-left: auto;
    width: calc((241 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img08 {
        width: calc((441 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img09 {
    margin-top: calc((73 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: calc((61 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((225 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img09 {
        margin-top: calc((160 / var(--designwidth) ) * 100vw);
        margin-left: calc((27 / var(--designwidth) ) * 100vw);
        width: calc((412 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img10 {
    padding-bottom: calc((23 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((225 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img10 {
        padding-bottom: calc((43 / var(--designwidth) ) * 100vw);
        width: calc((412 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img11 {
    width: calc((92 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img11 {
        width: calc((168 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img12 {
    width: calc((209 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img12 {
        padding-bottom: calc((43 / var(--designwidth) ) * 100vw);
        width: calc((382 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img13 {
    position: absolute;
    top: calc((-77 * var(--zoom) / var(--designwidth) ) * 100vw);
    left: calc((163 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((135 * var(--zoom) / var(--designwidth) ) * 100vw);
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img13 {
        top: calc((-141 / var(--designwidth) ) * 100vw);
        left: calc((298 / var(--designwidth) ) * 100vw);
        width: calc((248 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img14 {
    margin-top: calc((63 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: auto;
    width: calc((232 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img14 {
        margin-top: calc((83 / var(--designwidth) ) * 100vw);
        margin-right: calc((30 / var(--designwidth) ) * 100vw);
        width: calc((465 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img15 {
    width: calc((209 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img15 {
        width: calc((382 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img16 {
    margin: calc((58 * var(--zoom) / var(--designwidth) ) * 100vw) calc((16 * var(--zoom) / var(--designwidth) ) * 100vw) 0 auto;
    width: calc((270 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img16 {
        margin-top: calc((73 / var(--designwidth) ) * 100vw);
        margin-right: calc((30 / var(--designwidth) ) * 100vw);
        width: calc((493 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img17 {
    margin-top: calc((24 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw);
    width: calc((254 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img17 {
        margin-top: calc((43 / var(--designwidth) ) * 100vw);
        margin-left: calc((30 / var(--designwidth) ) * 100vw);
        width: calc((465 / var(--designwidth) ) * 100vw); } }
  .lp-look__image.is-img18 {
    width: calc((345 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img18 {
        width: 100%; } }
  .lp-look__image.is-img19 {
    position: absolute;
    top: calc((-40 / var(--designwidth) ) * 100vw);
    right: 0;
    margin-left: auto;
    width: calc((334 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-look__image.is-img19 {
        top: calc((-138 / var(--designwidth) ) * 100vw);
        right: calc((-109 / var(--designwidth) ) * 100vw);
        width: calc((690 / var(--designwidth) ) * 100vw);
        z-index: 1; } }

.c-credit-section {
  display: flex;
  align-items: flex-start; }
  @media screen and (min-width: 768px) {
    .c-credit-section {
      justify-content: space-between; } }
  .c-credit-section.is-section01 {
    margin-top: calc((40 * var(--zoom) / var(--designwidth) ) * 100vw);
    padding-left: calc((61 / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .c-credit-section.is-section01 {
        margin-top: calc((73 * var(--zoom) / var(--designwidth) ) * 100vw);
        padding-left: calc((29 / var(--designwidth) ) * 100vw); } }
    @media screen and (max-width: 767px) {
      .c-credit-section.is-section01 {
        padding-right: calc((15 * var(--zoom) / var(--designwidth) ) * 100vw); } }
  .c-credit-section.is-section02 {
    margin-top: calc((24 * var(--zoom) / var(--designwidth) ) * 100vw);
    margin-left: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .c-credit-section.is-section02 {
        gap: calc((108 / var(--designwidth) ) * 100vw);
        margin-top: calc((59 * var(--zoom) / var(--designwidth) ) * 100vw);
        margin-left: calc((28 * var(--zoom) / var(--designwidth) ) * 100vw); } }

.lp-look__heading-lv2 {
  display: flex;
  padding: 0 calc((6 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--lp_font_en);
  font-size: calc((80 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 700; }

.lp-look__heading-lv3 {
  margin: calc((25 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
  line-height: 1;
  font-family: var(--lp_font_en);
  font-size: calc((20 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 700; }

.lp-look__text {
  margin: calc((20 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
  line-height: 1.666;
  font-size: calc((12 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 500; }
  @media screen and (min-width: 768px) {
    .lp-look__text {
      margin: calc((21 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
      font-size: calc((12 / var(--designwidth) ) * 100vw); } }

.lp-intro__button {
  display: flex;
  justify-content: center;
  margin-top: calc((29 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-intro__button {
      margin-top: calc((45 / var(--designwidth) ) * 100vw); } }
  @media screen and (min-width: 768px) {
    .lp-intro__button.is-footer {
      margin-top: calc((58 / var(--designwidth) ) * 100vw); } }
  .lp-intro__button.is-footer + .lp-intro__button {
    margin-top: calc((15 * var(--zoom) / var(--designwidth) ) * 100vw); }
    @media screen and (min-width: 768px) {
      .lp-intro__button.is-footer + .lp-intro__button {
        margin-top: calc((20 / var(--designwidth) ) * 100vw); } }

.lp-intro__button__type {
  padding: calc((7 * var(--zoom) / var(--designwidth) ) * 100vw);
  width: calc((164 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: var(--lp_font_en);
  font-size: calc((12 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 500;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 40px;
  transition: ease 0.3s;
  transition-property: color, background-color; }
  @media screen and (min-width: 768px) {
    .lp-intro__button__type {
      width: calc((168 / var(--designwidth) ) * 100vw);
      font-size: calc((12 / var(--designwidth) ) * 100vw); }
      .lp-intro__button__type:hover {
        color: var(--color_base);
        background-color: #fff; } }

.lp-look__detail {
  margin: calc((36 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0; }
  @media screen and (min-width: 768px) {
    .lp-look__detail {
      margin-top: calc((60 / var(--designwidth) ) * 100vw); } }
  @media screen and (max-width: 767px) {
    .lp-look__detail {
      padding: 0 calc((45 * var(--zoom) / var(--designwidth) ) * 100vw); } }
  .lp-look__detail > :first-child {
    margin-top: 0 !important; }
  .lp-look__detail > :last-child {
    margin-bottom: 0 !important; }

.lp-footer {
  position: relative;
  padding-top: calc((32 * var(--zoom) / var(--designwidth) ) * 100vw);
  padding-bottom: calc((75 * var(--zoom) / var(--designwidth) ) * 100vw);
  text-align: center;
  color: var(--color_base);
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .lp-footer {
      margin: 0 0 0 auto;
      padding-top: calc((40 / var(--designwidth) ) * 100vw);
      width: calc((770 / var(--designwidth) ) * 100vw); } }

.lp-contents-footer {
  position: relative;
  margin: calc((64 * var(--zoom) / var(--designwidth) ) * 100vw) 0 0;
  padding-top: calc((32 * var(--zoom) / var(--designwidth) ) * 100vw);
  text-align: center;
  color: var(--color_base); }
  @media screen and (min-width: 768px) {
    .lp-contents-footer {
      margin: calc((95 / var(--designwidth) ) * 100vw) 0 0 auto;
      padding-top: calc((49 / var(--designwidth) ) * 100vw);
      width: calc((770 / var(--designwidth) ) * 100vw); } }
  .lp-contents-footer::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw);
    right: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw);
    height: 1px;
    background-color: var(--color_base); }
    @media screen and (min-width: 768px) {
      .lp-contents-footer::before {
        left: 0;
        right: calc((80 / var(--designwidth) ) * 100vw); } }

.lp-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .lp-footer__inner {
      padding-left: 0;
      padding-right: calc((80 / var(--designwidth) ) * 100vw); } }

.lp-footer__text {
  margin: 0 auto;
  width: calc((286 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 2;
  text-align: left;
  font-size: calc((10 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-footer__text {
      width: 100%;
      text-align: center;
      font-size: calc((10 / var(--designwidth) ) * 100vw); } }

.lp-footer-img-wrap {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: calc((65 * var(--zoom) / var(--designwidth) ) * 100vw);
  gap: calc((16 * var(--zoom) / var(--designwidth) ) * 100vw); }
  @media screen and (min-width: 768px) {
    .lp-footer-img-wrap {
      grid-template-columns: repeat(2, 1fr);
      margin-top: calc((80 / var(--designwidth) ) * 100vw);
      gap: calc((16 / var(--designwidth) ) * 100vw); } }

.lp-footer-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%; }

.lp-footer-button-wrap {
  margin: 0 auto;
  max-width: calc((180 * var(--zoom) / var(--designwidth) ) * 100vw); }

.lp-footer-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc((32 * var(--zoom) / var(--designwidth) ) * 100vw);
  border-radius: 50px;
  color: #2E2E2E;
  text-decoration: none;
  font-weight: 500;
  font-size: calc((11 * var(--zoom) / var(--designwidth) ) * 100vw);
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #2E2E2E; }
  @media screen and (min-width: 768px) {
    .lp-footer-button {
      transition: ease 0.3s;
      transition-property: color, background-color; }
      .lp-footer-button:hover {
        color: #fff;
        background-color: #2E2E2E; } }

.lp-footer-credit {
  list-style: none;
  margin-bottom: calc((60 * var(--zoom) / var(--designwidth) ) * 100vw);
  line-height: 1.66;
  font-size: calc((12 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 500;
  font-family: var(--lp_font_en);
  text-align: center; }

.lp-footer-sns {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: calc((58 * var(--zoom) / var(--designwidth) ) * 100vw); }
  .lp-footer-sns > li {
    list-style: none;
    margin: 0 12.5px; }
  .lp-footer-sns a {
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px; }
  .lp-footer-sns svg path {
    fill: #fff; }
  .lp-footer-sns .lp-sns-instagram svg {
    width: 50%; }
  .lp-footer-sns .lp-sns-twitter svg {
    width: 47.5%; }
  .lp-footer-sns .lp-sns-facebook svg {
    width: 43.75%; }
  .lp-footer-sns .lp-sns-line svg {
    width: 60%; }

.lp-footer-logo {
  margin: 0 auto;
  margin-top: calc((50 * var(--zoom) / var(--designwidth) ) * 100vw);
  width: calc((163 * var(--zoom) / var(--designwidth) ) * 100vw); }

.lp-footer-copyright {
  margin-top: calc((40 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-size: calc((12 * var(--zoom) / var(--designwidth) ) * 100vw);
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000; }

.animation-fadein {
  opacity: 0;
  transition: ease-out var(--anime_duration);
  transition-property: opacity, transform; }
  .animation-fadein.is-show {
    opacity: 1 !important; }