@charset "UTF-8";
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/* @font-face {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), url("../font/NotoSerifJP-Regular.otf");
} */
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents {
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #bcbcbc;
  --color-text: #58595b;
  --font-montserrat: "montserrat";
  --font-noto: "noto-sans-cjk-jp";
  --font-en: var(--font-montserrat), sans-serif;
  --font-ja: var(--font-noto), sans-serif;
  --font-main: var(--font-montserrat), var(--font-noto), sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .l-lpcontents {
    --width-primary: 140rem;
    --fz-text_fv_lead: 1.2rem;
    --fz-text_style_credit: 1.1rem;
    --fz-text_ev_btn:  2rem;
    --fz-text_ev_staff: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents {
    --width-primary: calc(750*100vw/750);
    --fz-text_fv_lead: calc(24*100vw/750);
    --fz-text_style_credit: calc(21*100vw/750);
    --fz-text_ev_btn:  calc(40*100vw/750);
    --fz-text_ev_staff: calc(24*100vw/750);
  }
}

@media screen and (min-width: 768px) {
  .l-lpcontents .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .pc_only {
    display: none !important;
  }
}
.l-lpcontents img,
.l-lpcontents picture {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - grid
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents [class*="c-grid_column"] {
  display: grid;
  grid-template-columns: repeat(var(--columns , 1), 1fr);
  gap: var(--row, 0) var(--column, 0);
}
.l-lpcontents [class*="grid_column-1"] {--columns: 1;}
.l-lpcontents [class*="grid_column-2"] {--columns: 2;}
.l-lpcontents [class*="grid_column-3"] {--columns: 3;}

.l-lpcontents [class*="p-style_wrap"] {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.l-lpcontents .c-position {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .l-lpcontents [class*="c-pc_grid_column"] {
    display: grid;
    grid-template-columns: repeat(var(--columns , 1), 1fr);
    gap: var(--row, 0) var(--column, 0);
  }
  .l-lpcontents [class*="pc_grid_column-1"] {--columns: 1;}
  .l-lpcontents [class*="pc_grid_column-2"] {--columns: 2;}
  .l-lpcontents [class*="pc_grid_column-3"] {--columns: 3;}

  .l-lpcontents .c-pc_position {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents [class*="c-sp_grid_column"] {
    display: grid;
    grid-template-columns: repeat(var(--columns , 1), 1fr);
    gap: var(--row, 0) var(--column, 0);
  }
  .l-lpcontents [class*="sp_grid_column-1"] {--columns: 1;}
  .l-lpcontents [class*="sp_grid_column-2"] {--columns: 2;}
  .l-lpcontents [class*="sp_grid_column-3"] {--columns: 3;}

  .l-lpcontents .c-sp_position {
    position: absolute;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - text
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.l-lpcontents .c-text_fv_lead {
  font-size: var(--fz-text_fv_lead);
  line-height: 1.75;
  line-height: 2;
  letter-spacing: 0.16em;
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
  color: var(--color-text);
}
.l-lpcontents .c-text_style_credit {
  font-size: var(--fz-text_style_credit);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  color: var(--color-text);
}
.l-lpcontents .c-text_ev_btn {
  width: fit-content;
  margin-inline: auto;
  font-size: var(--fz-text_ev_btn);
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-family: var(--font-en);
  font-weight: var(--fw-regular);
  color: var(--color-black);
  padding-bottom: 0.4rem;
  border-bottom: 0.3rem double var(--color-text);
}
.l-lpcontents .c-text_ev_staff {
  font-size: var(--fz-text_ev_staff);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-family: var(--font-en);
  font-weight: var(--fw-regular);
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .l-lpcontents .c-bg_white {
    background-color: var(--color-white);
  }
}
@media screen and (max-width: 767px) {

.l-lpcontents .c-text_fv_lead {
  letter-spacing: 0.12em;
}
.l-lpcontents .c-text_style_credit {
  margin-top: calc(32*100vw/750);;
  line-height: 1.75;
}
.l-lpcontents .c-text_style_credit_item {
  display: inline-block;
}
.l-lpcontents .c-text_ev_btn {
  letter-spacing: 0.04em;
  border-bottom: calc(6*100vw/750) double var(--color-text);
  padding-bottom: calc(8*100vw/750);
}
.l-lpcontents .c-text_ev_staff {
  line-height: 1.75;
}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - image
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .c-firstview_image {width: 120rem;}
.l-lpcontents .c-style_image0101 {width: 40rem;}
.l-lpcontents .c-style_image0102 {width: 58rem;}
.l-lpcontents .c-style_image0103 {width: 48rem;}
.l-lpcontents .c-style_image0201 {width: 48rem;}
.l-lpcontents .c-style_image0202 {width: 34rem;}
.l-lpcontents .c-style_image0203 {width: 60rem;}
.l-lpcontents .c-style_image0204 {width: 32rem;}
.l-lpcontents .c-style_image0301 {width: 63rem;}
.l-lpcontents .c-style_image0302 {width: 38rem;}
.l-lpcontents .c-style_image0303 {width: 38rem;}
.l-lpcontents .c-style_image0401 {width: 62rem;}
.l-lpcontents .c-style_image0402 {width: 36rem;}
.l-lpcontents .c-style_image0403 {width: 36rem;}
.l-lpcontents .c-style_image0501 {width: 54rem;}
.l-lpcontents .c-style_image0601 {width: 44rem;}
.l-lpcontents .c-style_image0602 {width: 55rem;}
.l-lpcontents .c-style_image0701 {width: 60rem;}
.l-lpcontents .c-style_image0702 {width: 34rem;}
.l-lpcontents .c-style_image0801 {width: 50rem;}
.l-lpcontents .c-style_image0802 {width: 50rem;}
.l-lpcontents .c-style_image0901 {width: 56rem;}
.l-lpcontents .c-style_image1001 {width: 38rem;}
.l-lpcontents .c-style_image1002 {width: 60rem;}
.l-lpcontents .c-style_image1003 {width: 64.5rem;}
/* @media screen and (min-width: 768px) {
  .l-lpcontents .c-style_image0401 {
    width: 58.2rem;
    padding-block: calc((100vh - 70rem) / 2);
  }
} */
@media screen and (max-width: 767px) {
  .l-lpcontents .c-firstview_image {width: calc(750*100vw/750);}
  .l-lpcontents .c-style_image0101 {width: calc(540*100vw/750);}
  .l-lpcontents .c-style_image0102 {width: calc(620*100vw/750);}
  .l-lpcontents .c-style_image0103 {width: calc(670*100vw/750);}
  .l-lpcontents .c-style_image0201 {width: calc(620*100vw/750);}
  .l-lpcontents .c-style_image0202 {width: calc(520*100vw/750);}
  .l-lpcontents .c-style_image0203 {width: calc(750*100vw/750);}
  .l-lpcontents .c-style_image0204 {width: calc(500*100vw/750);}
  .l-lpcontents .c-style_image0301 {width: calc(610*100vw/750);}
  .l-lpcontents .c-style_image0302 {width: calc(375*100vw/750);}
  .l-lpcontents .c-style_image0303 {width: calc(375*100vw/750);}
  .l-lpcontents .c-style_image0401 {width: calc(750*100vw/750);}
  .l-lpcontents .c-style_image0402 {width: calc(560*100vw/750);}
  .l-lpcontents .c-style_image0403 {width: calc(560*100vw/750);}
  .l-lpcontents .c-style_image0501 {width: calc(640*100vw/750);}
  .l-lpcontents .c-style_image0601 {width: calc(560*100vw/750);}
  .l-lpcontents .c-style_image0602 {width: calc(640*100vw/750);}
  .l-lpcontents .c-style_image0701 {width: calc(670*100vw/750);}
  .l-lpcontents .c-style_image0702 {width: calc(470*100vw/750);}
  .l-lpcontents .c-style_image0801 {width: calc(375*100vw/750);}
  .l-lpcontents .c-style_image0802 {width: calc(375*100vw/750);}
  .l-lpcontents .c-style_image0901 {width: calc(600*100vw/750);}
  .l-lpcontents .c-style_image1001 {width: calc(520*100vw/750);}
  .l-lpcontents .c-style_image1002 {width: calc(650*100vw/750);}
  .l-lpcontents .c-style_image1003 {width: calc(750*100vw/750);}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - image
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .c-style_title {
  position: absolute;
  z-index: 10;
}
.l-lpcontents .c-style_title01 {
  width: 10.8rem;
  left: -4rem;
  top: -4rem;
}
.l-lpcontents .c-style_title02 {
  width: 14.4rem;
  left: -6rem;
  top: 10.7rem;
}
.l-lpcontents .c-style_title03 {
  width: 11.9rem;
  right: -3.9rem;
  top: -3.7rem;
}
.l-lpcontents .c-style_title04 {
  width: 11.5rem;
  left: -2.4rem;
  top: -2.4rem;
}
.l-lpcontents .c-style_title05 {
  width: 16.0rem;
  right: -7.1rem;
  top: 62.2rem;
}
.l-lpcontents .c-style_title06 {
  width: 11.8rem;
  right: -3.9rem;
  top: -3.8rem;
}
.l-lpcontents .c-style_title07 {
  width: 11.4rem;
  left: -3.9rem;
  top: -3.9rem;
}
.l-lpcontents .c-style_title08 {
  width: 16.0rem;
  left: 42rem;
  top: -4rem;
}
.l-lpcontents .c-style_title09 {
  width: 16.0rem;
  right: -8rem;
  top: 65rem;
}
.l-lpcontents .c-style_title10 {
  width: 11.6rem;
  left: -3.8rem;
  top: -3.8rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .c-style_title01 {
    width: calc(163* 100vw / 750);
    left: calc(439* 100vw / 750);
    top: calc(-62* 100vw / 750);
  }
  .l-lpcontents .c-style_title02 {
    width: calc(229* 100vw / 750);
    left: calc(-86* 100vw / 750);
    top: calc(146* 100vw / 750);
  }
  .l-lpcontents .c-style_title03 {
    width: calc(169* 100vw / 750);
    right: calc(-60* 100vw / 750);
    top: calc(-63* 100vw / 750);
  }
  .l-lpcontents .c-style_title04 {
    width: calc(181* 100vw / 750);
    left: calc(-39* 100vw / 750);
    top: calc(-38* 100vw / 750);
  }
  .l-lpcontents .c-style_title05 {
    width: calc(246* 100vw / 750);
    right: calc(196* 100vw / 750);
    top: calc(-131* 100vw / 750);
  }
  .l-lpcontents .c-style_title06 {
    width: calc(169* 100vw / 750);
    right: calc(-62* 100vw / 750);
    top: calc(-62* 100vw / 750);
  }
  .l-lpcontents .c-style_title07 {
    width: calc(172* 100vw / 750);
    left: calc(-64* 100vw / 750);
    top: calc(-64* 100vw / 750);
  }
  .l-lpcontents .c-style_title08 {
    width: calc(248* 100vw / 750);
    left: calc(250* 100vw / 750);
    top: calc(-136* 100vw / 750);
  }
  .l-lpcontents .c-style_title09 {
    width: calc(174* 100vw / 750);
    right: calc(462* 100vw / 750);
    top: calc(-38* 100vw / 750);
  }
  .l-lpcontents .c-style_title10 {
    width: calc(233* 100vw / 750);
    left: calc(439* 100vw / 750);
    top: calc(120* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style_inner {
  width: var(--width-primary);
  margin-inline: auto;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - firstview
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-firstview {
  width: 120rem;
  margin-inline: auto;
  text-align: center;
}
.l-lpcontents .p-firstview_inner {
  --row: 5.8rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-firstview {
    width: var(--width-primary);
  }
  .l-lpcontents .p-firstview_inner {
    --row: calc(106* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - side
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-side {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 2.1rem;
  z-index: 10;
  pointer-events: none;
}
.l-lpcontents .c-side_image {
  width: 0.93rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-side {
    right: calc(27*100vw/750);
  }
  .l-lpcontents .c-side_image {
    width: calc(15.7* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style01 {
  margin-top: 15.6rem;
}
.l-lpcontents .p-style01 .p-style_wrapper {
  grid-template-columns: 33.5rem 28rem;
  grid-template-rows: 29rem 52rem;
  margin-left: 5.5rem;
}
.l-lpcontents .p-style01 .p-style_wrap01 {
  grid-column: 2;
  grid-row: 1;
  z-index: 5;
}
.l-lpcontents .p-style01 .p-style_wrap02 {
  grid-column: 3;
  grid-row: 2;
}
.l-lpcontents .p-style01 .p-style_wrap03 {
  grid-column: 1;
  grid-row: 3;
}
.l-lpcontents .p-style01 ul {
  right: -17rem;
  bottom: -0.5rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style01 {
    margin-top: calc(217* 100vw / 750);
  }
  .l-lpcontents .p-style01 .p-style_wrapper {
    width: var(--width-primary);
    margin-top: calc(0*100vw/750);;
    margin-inline: auto;
  }
  .l-lpcontents .p-style01 .p-style_wrap01 {
    margin-top: calc(0*100vw/750);;
  }
  .l-lpcontents .p-style01 .p-style_wrap02 {
    margin-top: calc(-80*100vw/750);;
    margin-left: auto;
  }
  .l-lpcontents .p-style01 .p-style_wrap03 {
    margin-top: calc(0*100vw/750);;
    margin-inline: auto;
    margin: calc(80*100vw/750) auto;;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style02 {
  margin-top: 20rem;
}
.l-lpcontents .p-style02 .p-style_wrapper {
  grid-template-columns: 22rem 30rem;
  grid-template-rows: 49.6rem 38.6rem;
  margin-left: 19rem;
}
.l-lpcontents .p-style02 .p-style_wrap01 {
  grid-column: 3;
  grid-row: 1;
}
.l-lpcontents .p-style02 .p-style_wrap02 {
  grid-column: 1;
  grid-row: 2;
  z-index: 5;
}
.l-lpcontents .p-style02 .p-style_wrap03 {
  grid-column: 2;
  grid-row: 3;
  display: flex;
  align-items: end;
  column-gap: 3rem;
}
.l-lpcontents .p-style02 ul {
  left: -17rem;
  bottom: -0.5rem;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .l-lpcontents .c-style_image0204 {
    transition-delay: 1s;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style02 {
    margin-top: calc(155*100vw/750);
  }
  .l-lpcontents .p-style02 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style02 .p-style_wrap01 {
    margin-left: auto;
  }
  .l-lpcontents .p-style02 .p-style_wrap02 {
    margin-top: calc(80*100vw/750);;
    margin-left: calc(40*100vw/750);;
  }
  .l-lpcontents .p-style02 .p-style_wrap03 {
    flex-direction: column;
    align-items: start;
    column-gap: calc(0*100vw/750);
    margin-top: calc(80* 100vw / 750);
  }
  .l-lpcontents .p-style02 .c-style_image0204 {
    margin-top: calc(80*100vw/750);;
    margin-left: calc(180*100vw/750);;
  }
  .l-lpcontents .p-style02 ul {
    text-align: left;
    margin-left: calc(180*100vw/750);;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style03 {
  margin-top: 23.8rem;
}
.l-lpcontents .p-style03 .p-style_wrapper {
  grid-template-columns: 36rem;
  grid-template-rows: 94.2rem;
  margin-left: 10rem;
}
.l-lpcontents .p-style03 .p-style_wrap01 {
  position: sticky;
  top: -54.1rem;
  padding-bottom: 59.2rem;
  grid-column: 1;
  grid-row: 1;
}
.l-lpcontents .p-style03 .p-style_wrap02 {
  grid-column: 2;
  grid-row: 2;
  height: 200rem;
}
.l-lpcontents .p-style03 ul {
  right: -17rem;
  top: 81.7rem;
}
/* スクロール連動 */
.l-lpcontents .p-style03 .js-panelTrigger {
  position: sticky;
  top: 40.1rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  column-gap: 3rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style03 {
    margin-top: calc(260*100vw/750);;
  }
  .l-lpcontents .p-style03 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style03 .p-style_wrap01 {
    top: calc(-500* 100vw / 750);
    padding-bottom: calc(605* 100vw / 750);
  }
  .l-lpcontents .p-style03 .p-style_wrap02 {
    margin-top: calc(-520*100vw/750);;
    height: calc(1000*100vw/750);;
  }
  .l-lpcontents .p-style03 ul {
    text-align: center;
    position: absolute;
    top: initial;
    bottom: -19.8rem;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
  .l-lpcontents .p-style03 .js-panelTrigger {
    top: calc(434*100vw/750);;
    height: initial;
    justify-content: space-between;
    column-gap: calc(0*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style04 {
  margin-top: 20rem;
}
.l-lpcontents .p-style04 .p-style_wrapper {
  grid-template-columns: 32rem;
  grid-template-rows: 30.2rem;
  margin-left: 22rem;
}
.l-lpcontents .p-style04 .p-style_wrap01 {
  position: sticky;
  top: 0;
  top: calc((100vh - 74.8rem) / 2);
  grid-column: 2;
  grid-row: 1;
}
.l-lpcontents .p-style04 .p-style_wrap02 {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  height: 131.7rem;
}
.l-lpcontents .p-style04 ul {
  margin-top: 2.7rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style04 {
    margin-top: calc(302* 100vw / 750);
  }
  .l-lpcontents .p-style04 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style04 .p-style_wrap01 {
    position: sticky;
    top: calc(-750* 100vw / 750);
    padding-bottom: calc(1080*100vw/750);
  }
  .l-lpcontents .p-style04 .p-style_wrap02 {
    display: block;
    width: var(--width-primary);
    height: calc(2500*100vw/750);;
    margin-top: calc(-915*100vw/750);;
  }
  .l-lpcontents .p-style04 ul {
    margin-top: calc(32*100vw/750);;
    text-align: center;
  }
  .l-lpcontents .p-style04 .js-rightPanelTrigger {
    position: sticky;
    top: calc(460*100vw/750);;
    width: calc(560*100vw/750);
    margin-inline: auto;
  }
  .l-lpcontents .p-style04 .c-style_image0403 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style05 {
  margin-top: 20rem;
  width: 54rem;
  margin-inline: auto;
}
.l-lpcontents .p-style05 ul {
  bottom: -0.5rem;
  right: -10.3rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style05 {
    margin-top: calc(325* 100vw / 750);
    width: calc(640*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style06
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style06 {
  margin-top: 20rem;
}
.l-lpcontents .p-style06 .p-style_wrapper {
  grid-template-columns: 65rem;
  grid-template-rows: 27.8rem;
}
.l-lpcontents .p-style06 .p-style_wrap01 {
  grid-column: 2;
  grid-row: 1;
}
.l-lpcontents .p-style06 .p-style_wrap02 {
  grid-column: 1;
  grid-row: 2;
}
.l-lpcontents .p-style06 ul {
  margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style06 {
    margin-top: calc(200*100vw/750);
  }
  .l-lpcontents .p-style06 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style06 .p-style_wrap02 {
    margin-top: calc(60*100vw/750);;
    margin-left: auto;
  }
  .l-lpcontents .p-style06 ul {
    margin-top: calc(32*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style07
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style07 {
  margin-top: 19.7rem;
}
.l-lpcontents .p-style07 .p-style_wrapper {
  grid-template-columns: 30rem;
  grid-template-rows: 54.8rem;
  margin-left: 42rem;
}
.l-lpcontents .p-style07 .p-style_wrap01 {
  grid-column: 2;
  grid-row: 1;
}
.l-lpcontents .p-style07 .p-style_wrap02 {
  grid-column: 1;
  grid-row: 2;
}
.l-lpcontents .p-style07 ul {
  margin-top: 2.7rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style07 {
    margin-top: calc(196* 100vw / 750);
  }
  .l-lpcontents .p-style07 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style07 .p-style_wrap01 {
    margin-inline: auto;
  }
  .l-lpcontents .p-style07 .p-style_wrap02 {
    margin: calc(146*100vw/750) auto 0;;
  }
  .l-lpcontents .p-style07 ul {
    margin-top: calc(32*100vw/750);
    text-align: left;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style08
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style08 {
  margin-top: 24rem;
}
.l-lpcontents .p-style08 .p-style_wrapper {
  width: 100rem;
  margin-inline: auto;
  display: flex;
}
.l-lpcontents .p-style08 ul {
  margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style08 {
    margin-top: calc(331* 100vw / 750);
  }
  .l-lpcontents .p-style08 .p-style_wrapper {
    width: var(--width-primary);
  }
  .l-lpcontents .p-style08 ul {
    margin-top: calc(32*100vw/750);
    text-align: center;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style09
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style09 {
  margin-top: 19.7rem;
  width: 56rem;
  margin-inline: auto;
}
.l-lpcontents .p-style09 .p-style_image {
  width: 56rem;
  margin-inline: auto;
}
.l-lpcontents .p-style09 .c-text_style_credit {
  bottom: -0.5rem;
  right: -11.4rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style09 {
    margin-top: calc(234*100vw/750);
    width: calc(600*100vw/750);
  }
  .l-lpcontents .p-style09 .p-style_image {
    width: calc(600*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style10
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style10 {
  margin-top: 20rem;
}
.l-lpcontents .p-style10 .p-style_wrapper {
  grid-template-columns: 46rem 24.5rem;
  grid-template-rows: 37.2rem 68rem;
  margin-left: 5rem;
}
.l-lpcontents .p-style10 .p-style_wrap01 {
  grid-column: 2;
  grid-row: 1;
  z-index: 5;
  display: grid;
  width: 41.8rem;
  height: 56.2rem;
  grid-template-columns: 3rem;
  grid-template-rows: 3rem;
}
.l-lpcontents .p-style10 .p-style_wrap01 > span {
  position: relative;
  grid-column: 2;
  grid-row: 1 / 3;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: -1;
  width: 38.5rem;
  height: 53.3rem;
}
.l-lpcontents .p-style10 .p-style_frame_title {
  position: absolute;
  width: 1.5rem;
  top: 32.7rem;
  right: -0.1rem;
  background-color: var(--color-white);
}
.l-lpcontents .p-style10 .p-style_wrap01 > span::before {
  position: absolute;
  content: "";
  display: block;
  width: 37.8rem;
  height: 53rem;
}
.l-lpcontents .p-style10 .p-style_frame_item {
  position: absolute;
  content: "";
  background-color: var(--color-gray);
  z-index: -2;
}
.l-lpcontents .p-style10 .is-active .p-style_frame_item {
  transition: all 0.5s ease;
}
.l-lpcontents .p-style10 .p-style_wrap01 > div {
  grid-column: 1;
  grid-row: 2;
}
.l-lpcontents .p-style10 .p-style_wrap02 {
  grid-column: 1;
  grid-row: 2;
}
.l-lpcontents .p-style10 .p-style_wrap03 {
  grid-column: 3;
  grid-row: 3;
}
.l-lpcontents .p-style10 ul {
  bottom: -0.5rem;
  left: -20.5rem;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .l-lpcontents .p-style10 .p-style_frame_item01 {
    transform: translateY(-200%);
    height: 2.2rem;
    width: 0.1rem;
    right: 0.5rem;
    top: 51rem;
  }
  .l-lpcontents .p-style10 .p-style_frame_item02 {
    height: 0.1rem;
    width: 0rem;
    bottom: 0.1rem;
    right: 0.5rem;
  }
  .l-lpcontents .p-style10 .p-style_frame_item03 {
    transform: translateY(100%);
    height: 53.2rem;
    width: 0.1rem;
    bottom: 0.8rem;
    left: 0;
  }
  .l-lpcontents .p-style10 .p-style_frame_item04 {
    transform: translateX(-100%);
    height: 0.1rem;
    width: 38rem;
    top: 0rem;
    left: 0;
  }
  .l-lpcontents .p-style10 .p-style_frame_item05 {
    transform: translateY(-100%);
    width: 0.1rem;
    height: 32.7rem;
    top: 0;
    right: 0.5rem;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item01 {
    transform: translateY(0%);
    transition-delay: 0s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item02 {
    width: 100%;
    transition-delay: 0.5s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item03 {
    transform: translateY(0%);
    transition-delay: 1s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item04 {
    transform: translateX(0%);
    transition-delay: 1.5s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item05 {
    transform: translateY(0%);
    transition-delay: 2s;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style10 {
    margin-top: calc(194*100vw/750);
  }
  .l-lpcontents .p-style10 .p-style_wrapper {
    width: var(--width-primary);
    margin-inline: auto;
  }
  .l-lpcontents .p-style10 .p-style_wrap01 {
    width: calc(575* 100vw / 750);
    height: calc(768* 100vw / 750);
    grid-template-columns: calc(55* 100vw / 750);
    grid-template-rows: calc(40* 100vw / 750);
    margin-left: auto;
  }
  .l-lpcontents .p-style10 .p-style_wrap01 > span {
    grid-column: 1;
    width: calc(501*100vw/750);
    height: calc(738*100vw/750);
  }
  .l-lpcontents .p-style10 .p-style_frame_title {
    width: calc(24.2* 100vw / 750);
    height: calc(327* 100vw / 750);
    top: calc(80* 100vw / 750);
    padding-top: calc(20* 100vw / 750);
    right: initial;
    left: calc(0* 100vw / 750);
    background-color: var(--color-white)
  }
  .l-lpcontents .p-style10 .p-style_wrap01 > span::before {
    grid-column: 1;
    grid-row: 1;
    width: calc(501*100vw/750);
    height: calc(738*100vw/750);
  }
  .l-lpcontents .p-style10 .p-style_wrap01 > div {
    grid-column: 2;
    grid-row: 2;
  }
  .l-lpcontents .p-style10 .p-style_frame_item01 {
    transform: translateY(100%);
    width: calc(2* 100vw / 750);
    height: calc(79* 100vw / 750);
    left: calc(10* 100vw / 750);
    top: calc(0* 100vw / 750);
  }
  .l-lpcontents .p-style10 .p-style_frame_item02 {
    width: calc(0* 100vw / 750);
    height: calc(2* 100vw / 750);
    top: calc(0* 100vw / 750);
    left: calc(10* 100vw / 750);
  }
  .l-lpcontents .p-style10 .p-style_frame_item03 {
    transform: translateY(-100%);
    width: calc(2* 100vw / 750);
    height: calc(738* 100vw / 750);
    top: calc(0* 100vw / 750);
    right: calc(0* 100vw / 750);
  }
  .l-lpcontents .p-style10 .p-style_frame_item04 {
    transform: translateX(100%);
    width: calc(490* 100vw / 750);
    height: calc(2* 100vw / 750);
    bottom: calc(0* 100vw / 750);
    right: calc(0* 100vw / 750);
  }
  .l-lpcontents .p-style10 .p-style_frame_item05 {
    transform: translateY(100%);
    width: calc(2* 100vw / 750);
    height: calc(312* 100vw / 750);
    bottom: calc(0* 100vw / 750);
    left: calc(10* 100vw / 750);
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item01 {
    transform: translateY(0);
    transition-delay: 0s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item02 {
    width: 100%;
    transition-delay: 0.5s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item03 {
    transform: translateY(0);
    transition-delay: 1s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item04 {
    transform: translateX(0);
    transition-delay: 1.5s;
  }
  .l-lpcontents .p-style10 .is-active .p-style_frame_item05 {
    transform: translateY(0);
    transition-delay: 2s;
  }
  .l-lpcontents .p-style10 .p-style_wrap02 {
    margin-top: calc(-40*100vw/750);;
  }
  .l-lpcontents .p-style10 .p-style_wrap03 {
    margin-top: calc(80*100vw/750);;
  }
  .l-lpcontents .p-style10 ul {
    text-align: center;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project -endview
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-endview {
  padding-block: 13.3rem 13.5rem;
  border-bottom: 0.1rem solid var(--color-black);
  text-align: center;
}
.l-lpcontents .p-endview_inner {
  --row: 13.5rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-endview {
    padding-block: calc(140* 100vw / 750) calc(154* 100vw / 750);
    border-bottom: 0;
  }
  .l-lpcontents .p-endview_inner {
    --row: calc(150*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
slick
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .slick-dots {
  position: absolute;
  bottom: 0.9rem;
  left: var(--left, initial);
  right: var(--right, initial);
  margin: 0;
}
.l-lpcontents .slick-dots li {
  display: inline-block;
  margin-inline: 0.6rem;
}
.l-lpcontents .slick-dots li button {
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  border: 0.1rem solid var(--color-black);
}
.l-lpcontents .slick-dots li.slick-active button {
  background-color: var(--color-black);
}
/************** ドットの位置がPC/SP共通の場合 **************/
.l-lpcontents .c-dot-left .slick-dots {
  --left: 0.4rem;
}
@media screen and (max-width: 767px) {
  .l-lpcontents .slick-dots {
    bottom: calc(21*100vw/750);
  }
  .l-lpcontents .slick-dots li {
    margin: 0 calc(11*100vw/750);
  }
  .l-lpcontents .slick-dots li button {
    width: calc(10*100vw/750);;
    height: calc(10*100vw/750);;
    border: calc(2*100vw/750) solid var(--color-black)
  }
  .l-lpcontents .c-dot-left .slick-dots {
    --left: calc(8*100vw/750);
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
animation - fade
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* サイドテキスト */
.l-lpcontents .js-show {
  opacity: 0;
  transition: opacity 1s ease;
}
.l-lpcontents .js-show.is-active {
  opacity: 1;
  transition: opacity 1s ease;
}
/* 通常フェードイン */
.l-lpcontents .js-fade div {
  opacity: 0;
}
.l-lpcontents .js-fade.is-active div {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
/* 左方向からのフェードイン */
.l-lpcontents .js-fade_left div {
  opacity: 0;
  transform: translate3d(-5%, 0, 0);
}
.l-lpcontents .js-fade_left.is-active div {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 右方向からのフェードイン */
.l-lpcontents .js-fade_right div {
  opacity: 0;
  transform: translate3d(5%, 0, 0);
}
.l-lpcontents .js-fade_right.is-active div {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 下方向からのフェードイン */
.l-lpcontents .js-fade_bottom div {
  opacity: 0;
  transform: translate3d(0, 5%, 0);
}
.l-lpcontents .js-fade_bottom.is-active div {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* タイトルアニメーション */
.l-lpcontents .js-fade_show path {
  opacity: 0;
}
.l-lpcontents .js-fade_show.is-active path {
  opacity: 1;
  transition: opacity 680ms 1460ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-lpcontents .js-fade_show.is-active path:first-of-type {
  transition-delay: 40ms;
}
.l-lpcontents .js-fade_show.is-active path:nth-of-type(2) {
  transition-delay: 80ms;
}
.l-lpcontents .js-fade_show.is-active path:nth-of-type(3) {
  transition-delay: 120ms;
}
.l-lpcontents .js-fade_show.is-active path:nth-of-type(4) {
  transition-delay: 160ms;
}
.l-lpcontents .js-fade_show.is-active path:nth-of-type(5) {
  transition-delay: 200ms;
}
.l-lpcontents .js-fade_show.is-active path:last-of-type {
  transition-delay: 240ms;
}
@media screen and (min-width: 768px) {
  /* 通常フェードイン */
  .l-lpcontents .js-fade_pc div {
    opacity: 0;
  }
  .l-lpcontents .js-fade_pc.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  /* 左方向からのフェードイン */
  .l-lpcontents .js-fade_left_pc div {
    opacity: 0;
    transform: translate3d(-5%, 0, 0);
  }
  .l-lpcontents .js-fade_left_pc.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* 右方向からのフェードイン */
  .l-lpcontents .js-fade_right_pc div {
    opacity: 0;
    transform: translate3d(5%, 0, 0);
  }
  .l-lpcontents .js-fade_right_pc.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* 下方向からのフェードイン */
  .l-lpcontents .js-fade_bottom_pc div {
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
  }
  .l-lpcontents .js-fade_bottom_pc.is-active div {
    clip-path: inset(0);
    -webkit-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -ms-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
  }
}

@media screen and (max-width: 767px) {
  /* 通常フェードイン */
  .l-lpcontents .js-fade_sp div {
    opacity: 0;
  }
  .l-lpcontents .js-fade_sp.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  /* 左方向からのフェードイン */
  .l-lpcontents .js-fade_left_sp div {
    opacity: 0;
    transform: translate3d(-5%, 0, 0);
  }
  .l-lpcontents .js-fade_left_sp.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* 右方向からのフェードイン */
  .l-lpcontents .js-fade_right_sp div {
    opacity: 0;
    transform: translate3d(5%, 0, 0);
  }
  .l-lpcontents .js-fade_right_sp.is-active div {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* 下方向からのフェードイン */
  .l-lpcontents .js-fade_bottom_sp div {
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
  }
  .l-lpcontents .js-fade_bottom_sp.is-active div {
    clip-path: inset(0);
    -webkit-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    -ms-transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
    transition: clip-path 1080ms cubic-bezier(0.16, 1, 0.3, 1);
  }
}