@charset "UTF-8";

/*
  web fonts
  font-family: 'Oswald', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap');


#wrap { background-color: #000; }


/***** layout set *****/

@media screen and (min-width: 769px) {
  #lp202207 .sp { display: none !important; }
}
@media screen and (max-width: 768px) {
  #lp202207 .pc,
  #lp202207 .tb { display: none !important; }
}

/***** var set *****/
@media screen and (min-width: 1400px) {
  #lp202207 { --ss14: / 1400 * 1400px; }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  #lp202207 { --ss14: / 1400 * 100vw; }
}
@media screen and (min-width: 1200px) {
  #lp202207 { --ss12: / 1200 * 1200px; }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #lp202207 { --ss12: / 1200 * 100vw; }
}
@media screen and (min-width: 769px) {
  /* html { font-size: 10px; } */
  #lp202207 { font-size: 10px; }
  #lp202207 { --ssrem: * 10px; }
}
@media screen and (max-width: 768px) {
  /* html { font-size: calc(10 / 768 * 100vw); } */
  #lp202207 { font-size: calc(10 / 768 * 100vw); }
  #lp202207 { --ssrem: * (10 / 768 * 100vw); }
}

/***** base set *****/
#lp202207 {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  color: #f3f3ef;
  font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
  font-weight: 400;
  line-height: 1;
  background-color: #000;
  width: 100%;
  visibility: visible;
  opacity: 1;
}
#lp202207 * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#lp202207 *:focus {
  outline: none;
}
#lp202207 a, #lp202207 button {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  transition: .2s ease-in-out;
}
#lp202207 a:hover, #lp202207 button:hover {
  opacity: .7;
}
#lp202207 a span, #lp202207 button span {
  pointer-events: none;
}
#lp202207 img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#lp202207 sup {
  top: -.3em;
}

/***** clearfix *****/
#lp202207 .cf {
  *zoom: 1;
}
#lp202207 .cf:after {
  content: "";
  display: table;
  clear: both;
}

/***** content wrap *****/
#lp202207 .wrapl {
  position: relative;
  max-width: calc(140 var(--ssrem));
  margin: 0 auto;
}
#lp202207 .wrapm {
  position: relative;
  max-width: calc(124 var(--ssrem));
  margin: 0 auto;
  padding: 0 calc(2 var(--ssrem));
}

/***** header *****/
#lp202207 .lp-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 100;
  background-color: #000;
  height: calc(10 var(--ssrem));
}
#lp202207 .lp-header .logo {
  width: calc(322 var(--ss14));
  max-width: calc(32.2 var(--ssrem));
  min-width: calc(26 var(--ssrem));
  margin-left: calc(3.2 var(--ssrem));
}
#lp202207 .lp-header .btns {
  display: flex;
  width: calc(400 var(--ss14));
  max-width: calc(40 var(--ssrem));
  min-width: calc(32 var(--ssrem));
  height: 100%;
}
#lp202207 .lp-header .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  width: calc(20 var(--ssrem));
  height: 100%;
}
#lp202207 .lp-header .btns a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: calc(.7 var(--ssrem));
  height: calc(1.2 var(--ssrem));
  margin: auto 0;
  opacity: .75;
}
#lp202207 .lp-header .btns a span {
  font-size: calc(1.8 var(--ssrem));
  font-weight: bold;
  line-height: 1;
  opacity: .75;
  transform: rotate(.028deg);
}
#lp202207 .lp-header .btns .btn-link01 { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .15) 100%); }
#lp202207 .lp-header .btns .btn-link02 { background-image: linear-gradient(-45deg, rgb(132,5,174) 0%, rgb(208,34,165) 100%); }
#lp202207 .lp-header .btns .btn-link01:after { background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow01.svg); }
#lp202207 .lp-header .btns .btn-link02:after { background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow02.svg); }
#lp202207 .lp-header .btns .btn-link01 span { color: #000; }
#lp202207 .lp-header .btns .btn-link02 span {
  color: #fff;
  text-indent: .5em;
  letter-spacing: .5em;
}

/* break point */
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #lp202207 .lp-header .btns a:after { right: 7%; }
}

/***** keyvisual *****/
#lp202207 .keyvisual {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#lp202207 .keyvisual .imgset {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: calc(88 var(--ssrem));
  min-height: calc(72 var(--ssrem));
}
#lp202207 .keyvisual .imgset figure {
  position: relative;
  width: 100%;
}
#lp202207 .keyvisual .imgset figure figcaption {
  position: absolute;
  left: 100%;
  bottom: calc(3.8 var(--ssrem));
  font-size: calc(1.2 var(--ssrem));
  line-height: 1;
  letter-spacing: .08em;
  text-align: left;
  width: 10em;
  padding-left: 1em;
}
#lp202207 .keyvisual .imgset picture { width: 100%; }
#lp202207 .keyvisual .imgset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#lp202207 .keyvisual .space {
  flex: 0 0 auto;
  width: calc(400 var(--ss14));
  max-width: calc(40 var(--ssrem));
  min-width: calc(32 var(--ssrem));
}
#lp202207 .keyvisual .pdset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  right: calc(70 var(--ss14));
  width: calc(440 var(--ss14));
  max-width: calc(44 var(--ssrem));
  min-width: calc(35.2 var(--ssrem));
  padding-bottom: calc(42 var(--ss14));
}
#lp202207 .keyvisual .pdset .catchcopy {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 .5em 4em rgba(0, 0, 0, .8));
}
#lp202207 .keyvisual .pdset .catchcopy p {
  color: transparent;
  font-feature-settings: 'palt';
  font-size: calc(60 var(--ss14));
  font-weight: bold;
  line-height: calc(110 / 60 * 1em);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}
#lp202207 .keyvisual .pdset .camera {
  position: relative;
  z-index: 3;
  width: calc(404 / 400 * 100%);
  margin-top: calc(52 var(--ss14));
  margin-left: calc(7 var(--ss14));
}

/* break point */
@media screen and (max-width: 1120px) {
  #lp202207 .keyvisual .pdset { padding-bottom: calc(3.36 var(--ssrem)); }
  #lp202207 .keyvisual .pdset .catchcopy p { font-size: calc(4.8 var(--ssrem)); }
  #lp202207 .keyvisual .pdset .camera {
    margin-top: calc(4.16 var(--ssrem));
    margin-left: calc(0.56 var(--ssrem));
  }
}

/***** navi *****/
#lp202207 .navi {
  position: relative;
  z-index: 2;
  margin-top: calc(-3.2 var(--ssrem));
}
#lp202207 .navi.shadow { filter: drop-shadow(2.4em 2.4em 3em rgba(0, 0, 0, .7)); }
#lp202207 .navi .wrapm { overflow: hidden; }
#lp202207 .navi ul {
  display: flex;
  list-style: none;
  background-color: #000;
  border-radius: calc(.6 var(--ssrem));
  width: 100%;
  max-width: calc(120 var(--ssrem));
  height: calc(8 var(--ssrem));
  overflow: hidden;
}
#lp202207 .navi ul li {
  flex: 0 0 25%;
  position: relative;
}
#lp202207 .navi ul li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #3d3d3d;
  width: 1px;
  height: calc(3 var(--ssrem));
  margin: auto 0;
}
#lp202207 .navi ul li:last-of-type:after { display: none; }
#lp202207 .navi ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: linear-gradient(to bottom, #202020 0%, #161616 100%);
  width: 100%;
  height: 100%;
}
#lp202207 .navi ul li a:before,
#lp202207 .navi ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  transition: .2s ease-in-out;
}
#lp202207 .navi ul li a:before {
  z-index: 0;
  background-image: linear-gradient(to bottom, #391d40 0%, #311937 100%);
  opacity: 0;
}
#lp202207 .navi ul li a:hover { opacity: 1; }
#lp202207 .navi ul li a:hover:before { opacity: 1; }
#lp202207 .navi ul li a i {
  background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-cross.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: calc(1.3 var(--ssrem));
  height: calc(1.3 var(--ssrem));
  margin-right: calc(.9 var(--ssrem));
  opacity: .75;
}
#lp202207 .navi ul li:not(.is-disabled) a i:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(18 var(--ss14));
  bottom: 0;
  background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow02.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: calc(.7 var(--ssrem));
  height: calc(1.2 var(--ssrem));
  margin: auto 0;
}
#lp202207 .navi ul li a span {
  position: relative;
  z-index: 3;
  font-family: 'Oswald', sans-serif;
  font-size: calc(2 var(--ssrem));
  line-height: 1;
  letter-spacing: .08em;
  opacity: .75;
  transition: opacity .2s;
  transform: rotate(.028deg) translateY(-.05em);
}
#lp202207 .navi ul li a:hover span { opacity: 1; }

/* is-active */
#lp202207 .navi ul li.is-active a {
  background-image: linear-gradient(to bottom, #5f316b 0%, #512a5b 100%);
  pointer-events: none;
}
#lp202207 .navi ul li.is-active a i:after { display: none; }

/* is-disabled */
#lp202207 .navi ul li.is-disabled a {
  background-image: linear-gradient(to bottom, #434343 0%, #2f2f2f 100%);
  pointer-events: none;
}
#lp202207 .navi ul li.is-disabled a:before { opacity: 0; }
#lp202207 .navi ul li.is-disabled a i { opacity: .2; }
#lp202207 .navi ul li.is-disabled a span { opacity: .15; }

/***** section01 *****/
#lp202207 section.s01 {
  width: 100%;
  margin-top: calc(-4.8 var(--ssrem));
  padding-top: calc(6.8 var(--ssrem));
  overflow: hidden;
}

/* s01 w01 */
#lp202207 section.s01 .sc-header {
  width: 100%;
  margin-left: calc(8 / 1400 * -100%);
  margin-bottom: calc(-.3 var(--ssrem));
}
#lp202207.sports section.s01 .sc-header {
  margin-bottom: calc(-5.2 var(--ssrem));
}
#lp202207 section.s01 .sc-header .mask {
  position: relative;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100% auto;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100% auto;
  height: 0;
}
#lp202207.animals section.s01 .sc-header .mask {
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-animals.svg');
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-animals.svg');
  width: calc(900 / 1400 * 100%);
  padding-top: calc(210 / 1400 * 100%);
}
#lp202207.train section.s01 .sc-header .mask {
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-trains.svg');
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-trains.svg');
  width: calc(699 / 1400 * 100%);
  padding-top: calc(210 / 1400 * 100%);
}
#lp202207.birds section.s01 .sc-header .mask {
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-birds.svg');
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-birds.svg');
  width: calc(584 / 1400 * 100%);
  padding-top: calc(210 / 1400 * 100%);
}
#lp202207.sports section.s01 .sc-header .mask {
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-sports.svg');
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-sports.svg');
  width: calc(732 / 1400 * 100%);
  padding-top: calc(259 / 1400 * 100%);
}
#lp202207 section.s01 .sc-header .mask h2 {
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #423645 0%, #262029 100%);
  width: 100%;
  height: 100%;
}
#lp202207 section.s01 .sc-header .mask h2 span { display: none; }

/* s01 w02 */
#lp202207 section.s01 .wrapm.w02 {
  display: flex;
  flex-direction: column;
}
#lp202207 section.s01 .boxs {
  position: relative;
  padding-top: calc(7.2 var(--ssrem));
}
#lp202207 section.s01 .boxs .bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background-image: linear-gradient(to bottom, #202020 0%, #161616 100%);
  border-radius: 0 calc(.6 var(--ssrem)) calc(.6 var(--ssrem)) 0;
  width: 100vw;
  height: 100%;
}

/* box */
#lp202207 section.s01 .boxs .box { position: relative; }
#lp202207 section.s01 .boxs .box:nth-of-type(n+3) { margin-top: calc(72 / 1200 * 100%); }
#lp202207 section.s01 .boxs .box.b01 {
  margin-top: calc(42 / 1200 * -100%);
  padding-top: calc(42 / 1200 * 100%);
  background-image: linear-gradient(to bottom, #202020 0%, #1e1e1e 100%);
}
#lp202207 section.s01 .boxs .box.b02,
#lp202207 section.s01 .boxs .box.b04 {
  z-index: 1;
  background-color: #5f316b;
  border-radius: calc(.6 var(--ssrem)) 0 0 calc(.6 var(--ssrem));
  padding-left: calc(80 / 1200 * 100%);
  padding-top: calc(4.4 var(--ssrem));
  padding-bottom: calc(4.4 var(--ssrem));
  filter: drop-shadow(2.4em 2.4em 3em rgba(0, 0, 0, .7));
}
#lp202207 section.s01 .boxs .box.b02:after,
#lp202207 section.s01 .boxs .box.b04:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  background-color: #5f316b;
  width: 100vw;
  height: 100%;
}
#lp202207 section.s01 .boxs .box.b03 {
  margin-top: calc((100 - 42) / 1200 * 100%);
  padding-top: calc(42 / 1200 * 100%);
  background-image: linear-gradient(to bottom, #1b1b1b 0%, #191919 100%);
}
#lp202207 section.s01 .boxs .box.b04 { padding-top: calc(6 var(--ssrem)); }

/* set */
#lp202207 section.s01 .boxs .box .set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width:  calc(1120 / 1200 * 100%);
}
#lp202207 section.s01 .boxs .box.b02 .set,
#lp202207 section.s01 .boxs .box.b04 .set { max-width: calc(112 var(--ssrem)); }
#lp202207.birds section.s01 .boxs .box.b02 .set { min-height: calc(34 var(--ssrem)); }

/* set txt */
#lp202207 section.s01 .boxs .box .set .txt {
  width: calc(48.2 var(--ssrem));
  min-width: calc(29 var(--ssrem));
  margin-top: calc(-2 var(--ssrem));
}
#lp202207 section.s01 .boxs .box.b02 .set .txt,
#lp202207 section.s01 .boxs .box.b04 .set .txt { order: 1; }
#lp202207 section.s01 .boxs .box .set .txt h3 {
  position: relative;
  padding-bottom: calc(2.2 var(--ssrem));
}
#lp202207 section.s01 .boxs .box .set .txt h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #d022a5 0%, #8505ae 100%);
  width: calc(5 var(--ssrem));
  height: calc(.2 var(--ssrem));
}
#lp202207 section.s01 .boxs .box .set .txt h3 span {
  font-size: calc(3 var(--ssrem));
  font-weight: bold;
  line-height: calc(5 var(--ssrem));
  letter-spacing: .08em;
  transform: rotate(.028deg);
}
#lp202207 section.s01 .boxs .box .set .txt p {
  font-feature-settings: 'palt';
  font-size: calc(1.6 var(--ssrem));
  line-height: calc(3 var(--ssrem));
  margin-top: calc(2.8 var(--ssrem));
}

/* set img */
#lp202207 section.s01 .boxs .box .set .img {
  position: relative;
  width: calc(48 var(--ssrem));
  min-width: calc(29 var(--ssrem));
}
#lp202207 section.s01 .boxs .box.b02 .set .img { width: calc(49 var(--ssrem)); order: 2; }
#lp202207 section.s01 .boxs .box.b04 .set .img { order: 2; }
#lp202207 section.s01 .boxs .box .set .img figure figcaption {
  font-size: calc(1.2 var(--ssrem));
  line-height: 1;
  letter-spacing: .08em;
  text-align: right;
  margin-top: calc(.6 var(--ssrem));
  transform: rotate(.028deg);
}
#lp202207 section.s01 .boxs .box .kanji {
  position: absolute;
  top: 0;
  width: calc(21.6 var(--ssrem));
  mix-blend-mode: overlay;
}
#lp202207 section.s01 .boxs .box.b01 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(39.4 var(--ssrem)); }
#lp202207 section.s01 .boxs .box.b02 .set .img .kanji { top: calc(-1.8 var(--ssrem)); left: calc(-11.9 var(--ssrem)); }
#lp202207 section.s01 .boxs .box.b03 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(39 var(--ssrem)); }
#lp202207 section.s01 .boxs .box.b04 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(-10.7 var(--ssrem)); }
#lp202207.birds section.s01 .boxs .box.b02 .set .img .kanji { top: calc(-9 var(--ssrem)); left: calc(-4.4 var(--ssrem)); }
#lp202207.sports section.s01 .boxs .box.b03.fx-lr-fade-pc .kanji,
#lp202207.sports section.s01 .boxs .box.b03.fx-lr-fade-sp .kanji {
  mix-blend-mode: screen;
  opacity: 0;
}
#lp202207.sports section.s01 .boxs .box.b03.fx-lr-fade-pc.is-showed .kanji,
#lp202207.sports section.s01 .boxs .box.b03.fx-lr-fade-sp.is-showed .kanji {
  opacity: .2;
}

/* break point */
@media screen and (min-width: 1401px) {
  #lp202207.birds section.s01 .boxs .box.b02 .set .img {
    width: calc(64.2 var(--ssrem));
    min-width: 562px;
    margin-right: -80px;
    order: 2;
  }
  #lp202207.birds section.s01 .boxs .box.b02 .set .img figure figcaption {
    padding-right: 80px;
  }
}
@media screen and (min-width: 1241px) and (max-width: 1400px) {
  #lp202207.birds section.s01 .boxs .box.b02 .set .img {
    width: calc(64.2 var(--ssrem));
    padding-right: calc((1400px - 100vw) / 2);
    margin-right: -80px;
    order: 2;
  }
  #lp202207.birds section.s01 .boxs .box.b02 .set .img figure figcaption {
    padding-right: calc(80px - (1400px - 100vw) / 2);
  }
}
@media screen and (min-width: 769px) and (max-width: 1240px) {
  #lp202207.birds section.s01 .boxs .box.b02 .set .img {
    width: calc(562 / 1200 * 100vw);
    max-width: 562px;
    order: 2;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #lp202207 section.s01 .boxs .box .set .txt { width: calc(482 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box .set .img { width: calc(480 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box.b02 .set .img { width: calc(490 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box .kanji { width: calc(216 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box.b01 .set .img .kanji { top: calc(42 / 1200 * -100vw); left: calc(394 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box.b02 .set .img .kanji { top: calc(18 / 1200 * -100vw); left: calc(119 / 1200 * -100vw); }
  #lp202207 section.s01 .boxs .box.b03 .set .img .kanji { top: calc(42 / 1200 * -100vw); left: calc(390 / 1200 * 100vw); }
  #lp202207 section.s01 .boxs .box.b04 .set .img .kanji { top: calc(42 / 1200 * -100vw); left: calc(107 / 1200 * -100vw); }
}
@media screen and (min-width: 769px) {
  #lp202207.train section.s01 .boxs .box.b01 .set .txt h3 span {
    letter-spacing: .05em;
  }
}

/***** section review *****/
#lp202207 section.review {
  background-color: #f3f3ef;
  width: 100%;
  margin-top: calc(66 var(--ss14));
  padding-top: calc(54 var(--ss14));
  padding-bottom: calc(78 var(--ss14));
  overflow: hidden;
}
#lp202207 section.review + .review { margin-top: calc(86 var(--ss14)); }

/* section review w01 */
#lp202207 section.review .w01 .sc-header { width: 100%; }
#lp202207 section.review .w01 .sc-header .mask {
  position: relative;
  background-color: #fff;
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-review.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100% auto;
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-review.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100% auto;
  width: calc(774 var(--ss14));
  height: 0;
  padding-top: calc(210 var(--ss14));
}
#lp202207 section.review .w01 .sc-header .mask h2 {
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #e3dde2 0%, #dcd9da 100%);
  width: 100%;
  height: 100%;
}
#lp202207 section.review .w01 .sc-header .mask h2 span { display: none; }

/* section review review-set */
#lp202207 section.review .review-set {
  color: #202020;
}

/* section review w02 */
#lp202207 section.review .w02 {
  padding: 0 calc(2 var(--ssrem));
}
#lp202207 section.review .w02 .phset {
  display: flex;
  gap: calc(10 / 1400 * 100%);
}
#lp202207 section.review.s02 .w02 .phset {
  padding-left: calc(8 var(--ssrem));
}
#lp202207.birds section.review.s02 .w02 .phset {
  padding-left: calc(1.4 var(--ssrem));
}
#lp202207 section.review .w02 .phset .sc-header {
  flex: 0 0 auto;
  display: flex;
  max-width: 180px;
  min-width: calc(170 var(--ss14));
  margin-right: auto;
  padding-top: calc(68 var(--ss14));
}
#lp202207.birds section.review.s02 .w02 .phset .sc-header {
  max-width: initial;
  min-width: initial;
}
#lp202207 section.review .w02 .phset .sc-header p {
  font-size: calc(5 var(--ssrem));
  font-weight: bold;
  line-height: calc(9 var(--ssrem));
  letter-spacing: .2em;
  white-space: nowrap;
  writing-mode: vertical-rl;
  margin-left: calc(-20 / 50 * 1em);
  transform: rotate(.028deg);
}
#lp202207.birds section.review.s02 .w02 .phset .sc-header p {
  display: flex;
  align-items: flex-end;
  line-height: calc(7.2 var(--ssrem));
  width: calc(72 / 50 * 3.2em);
  margin-left: calc(-12 / 50 * 1em);
}
#lp202207 section.review .w02 .phset .imgset {}
#lp202207 section.review .w02 .phset .imgset.is01 {
  flex: 1 1 550px;
  max-width: 550px;
}
#lp202207 section.review .w02 .phset .imgset.is02 {
  flex: 1 1 540px;
  max-width: 540px;
}
#lp202207 section.review .w02 .phset .imgset .txt {
  margin-top: calc(4.2 var(--ssrem));
}
#lp202207 section.review .w02 .phset .imgset .txt h3 {
  position: relative;
  padding-right: 1em;
  padding-bottom: calc(2.9 var(--ssrem));
}
#lp202207 section.review .w02 .phset .imgset .txt h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #d022a5 0%, #8505ae 100%);
  width: calc(5 var(--ssrem));
  height: calc(.2 var(--ssrem));
}
#lp202207 section.review .w02 .phset .imgset .txt h3 > span {
  font-size: calc(2.2 var(--ssrem));
  font-weight: bold;
  line-height: calc(3.2 var(--ssrem));
  letter-spacing: .08em;
  word-break: break-word;
  transform: rotate(.028deg);
}
#lp202207 section.review .w02 .phset .imgset .txt h3 + p {
  font-feature-settings: 'palt';
  font-size: calc(1.6 var(--ssrem));
  line-height: calc(3 var(--ssrem));
  margin-top: calc(2.8 var(--ssrem));
}
#lp202207 section.review .w02 .phset .imgset.is01 .txt h3 + p { padding-right: calc(70 / 550 * 100%); }
#lp202207 section.review .w02 .phset .imgset.is02 .txt h3 + p { padding-right: calc(70 / 540 * 100%); }
#lp202207 section.review.s02 .w02 .phset .imgset.is02 .txt h3 + p { max-width: 510px; }

/* section review w03 */
#lp202207 section.review .w03 {
  color: #202020;
  width: 100%;
  margin-top: calc(64 var(--ss14));
  overflow: hidden;
}
#lp202207.train section.review.s03 .w03 {
  margin-top: 0;
}
#lp202207 section.review .w03 .profile-set {
  display: flex;
  flex-direction: column;
  gap: calc(10 var(--ss12));
  position: relative;
}
#lp202207 section.review .w03 .profile-set .rowset.r01 {
  display: flex;
  gap: calc(10 / 1200 * 100%);
  width: 100%;
}
#lp202207 section.review .w03 .profile-set .rowset.r02 {
  display: flex;
  flex-direction: column;
  gap: calc(10 var(--ss12));
  width: 100%;
}

/* section review column */
#lp202207 section.review .w03 .profile-set .rowset.r01 .column.c00 {
  width: calc(400 / 1200 * 100%);
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .column.c01 {
  display: flex;
  align-items: flex-end;
  gap: calc(10 / 790 * 100%);
  width: calc(790 / 1200 * 100%);
}
#lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02,
#lp202207 section.review .w03 .profile-set .rowset.r02 .column.c03 {
  display: flex;
  gap: calc(10 / 1200 * 100%);
}
#lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02 .i03 {
  width: calc(400 / 1200 * 100%);
  height: auto;
  max-height: 444px;
  overflow: hidden;
}
#lp202207.sports section.review .w03 .profile-set .rowset.r02 .column.c02 .imgset {
  display: flex;
  flex-direction: column;
  width: calc(400 / 1200 * 100%);
  max-height: 444.367px;
}
#lp202207.sports section.review .w03 .profile-set .rowset.r02 .column.c02 .imgset .i03,
#lp202207.sports section.review .w03 .profile-set .rowset.r02 .column.c02 .imgset .i04 {
  width: 100%;
  height: 50%;
  max-height: initial;
}
#lp202207.sports section.review .w03 .profile-set .rowset.r02 .column.c02 .imgset .i04 {
  margin-top: calc(10 / 400 * 100%);
}
#lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02 > div:nth-of-type(1) img,
#lp202207 section.review .w03 .profile-set .rowset.r02 .column.c03 > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* section review profile */
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile {
  width: 100%;
  padding-right: calc(28 / 400 * 100%);
  padding-bottom: calc(16 / 400 * 100%);
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig { display: flex; }
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .img {
  background-color: #c3c3c3;
  border-radius: 50%;
  width: calc(10 var(--ssrem));
  height: calc(10 var(--ssrem));
  overflow: hidden;
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt {
  position: relative;
  /* width: calc(100% - 2rem - 10rem); */
  margin-left: calc(2 var(--ssrem));
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div {
  line-height: 1;
  letter-spacing: .08em;
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(1) {
  font-size: calc(1.6 var(--ssrem));
  margin-top: calc(1.4 var(--ssrem));
}
#lp202207.animals section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(1) { visibility: hidden; }
#lp202207.train section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(1) { visibility: visible; }
#lp202207.birds section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(1) { visibility: hidden; }
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(2) {
  font-size: calc(2.4 var(--ssrem));
  font-weight: bold;
  margin-top: calc(1.2 var(--ssrem));
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(3) {
  color: #5f316b;
  font-family: 'Oswald', sans-serif;
  font-size: calc(1 var(--ssrem));
  margin-top: calc(1.2 var(--ssrem));
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .summary {
  margin-top: calc(.6 var(--ssrem));
}
#lp202207 section.review .w03 .profile-set .rowset.r01 .profile .summary p {
  font-feature-settings: 'palt';
  font-size: calc(1.4 var(--ssrem));
  line-height: calc(3 var(--ssrem));
  letter-spacing: .035em;
}

/* section review video */
#lp202207 section.review .w03 .profile-set .column .video {
  position: relative;
  width: calc(790 / 1200 * 100%);
  height: auto;
}
#lp202207 section.review .w03 .profile-set .column .video:after {
  content: "";
  display: block;
  padding-top: 56.25%;
}
#lp202207 section.review .w03 .profile-set .column .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* section review reflect */
@media screen and (min-width: 769px) {
  #lp202207 section.review.reflect .w01 .sc-header {
    display: flex;
    justify-content: flex-end;
  }
  #lp202207 section.review.reflect .w02 .phset {
    padding-left: calc(8 var(--ssrem));
  }
  #lp202207 section.review.reflect .w02 .phset .sc-header {
    flex: 0 0 auto;
    order: 3;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
  }
  #lp202207 section.review.reflect .w02 .phset .sc-header p {
    margin-left: 0;
    margin-right: calc(-20 / 50 * 1em);
  }
  #lp202207 section.review.reflect.s03 .w02 .phset .sc-header p {
    letter-spacing: .1em;
  }
  #lp202207 section.review.reflect .w02 .phset .imgset.is01 { order: 0; }
  #lp202207 section.review.reflect .w02 .phset .imgset.is02 { order: 1; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .column.c00 { order: 1; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .column.c01 { order: 0; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 > div:nth-of-type(1) { order: 1; }
  #lp202207.birds section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 > div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    gap: calc(9 / 444 * 100%);
    width: calc(400 / 1200 * 100%);
    max-height: 444.367px;
  }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 .video { order: 0; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 .i03 {
    max-height: initial;
  }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 .i04 {
    width: calc(790 / 1200 * 100%);
  }
  #lp202207.birds section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 .i03,
  #lp202207.birds section.review.reflect .w03 .profile-set .rowset.r02 .column.c02 .i04 {
    width: 100%;
    height: 50%;
    max-height: initial;
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile {
    width: 100%;
    padding-right: calc(28 / 400 * 100%);
    padding-bottom: calc(16 / 400 * 100%);
  }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile {
    padding-right: 0;
    padding-left: calc(64 / 400 * 100%);
  }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig { justify-content: space-between; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig .img { order: 1; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig .txt {
    order: 0;
    margin-left: 0;
  }
}

/* section review notes */
#lp202207 section.review .w03 .notes {
  margin-top: calc(1.4 var(--ssrem));
}
#lp202207 section.review .w03 .notes p {
  font-size: calc(1.2 var(--ssrem));
  line-height: calc(2 var(--ssrem));
  letter-spacing: .08em;
  text-align: right;
  transform: rotate(.028deg);
}

/* section review btns */
#lp202207 section.review .w03 .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(78 var(--ss14));
}
#lp202207 section.review .w03 .btns .btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: linear-gradient(to right, #676767 0%, #585858 100%);
  width: calc(42 var(--ssrem));
  height: calc(5.8 var(--ssrem));
}
#lp202207 section.review .w03 .btns .btn-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(21 var(--ss14));
  bottom: 0;
  background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow02.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: calc(.7 var(--ssrem));
  height: calc(1.2 var(--ssrem));
  margin: auto 0;
  opacity: .75;
}
#lp202207 section.review .w03 .btns .btn-link span {
  color: #fff;
  font-feature-settings: 'palt';
  font-size: calc(1.8 var(--ssrem));
  font-weight: bold;
  line-height: 1;
  opacity: .75;
  transform: rotate(.028deg);
}

/* break point */
@media screen and (min-width: 1241px) {
  #lp202207.animals section.review.s02 .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.train section.review.s02 .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.birds section.review .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.sports section.review.s02 .w03 .profile-set .rowset.r02 .column.c02 { height: 444.375px; }
}
@media screen and (min-width: 769px) and (max-width: 1401px) {
  #lp202207 section.review.s02 .w02 .phset { padding-left: calc(80px + ((100vw - 1400px) / 2)); }
  #lp202207.birds section.review.s02 .w02 .phset { padding-left: calc(14px + ((100vw - 1400px) / 2)); }
  #lp202207 section.review.reflect .w02 .phset { padding-left: calc(80px + ((100vw - 1400px) / 2)); }
}
@media screen and (min-width: 769px) and (max-width: 1240px) {
  #lp202207 section.review.s02 .w02 .phset { padding-left: 0; }
  #lp202207.birds section.review.s02 .w02 .phset { padding-left: 0; }
  #lp202207 section.review.reflect .w02 .phset { padding-left: 0; }
  #lp202207.animals section.review.s02 .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.train section.review.s02 .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.birds section.review .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207.sports section.review.s02 .w03 .profile-set .rowset.r02 .column.c02 { height: calc(444.375 / 1200 * (100vw - 40px)); }
}
@media screen and (min-width: 961px) {
  #lp202207 section.review .w03 .profile-set .profile.tb { display: none; }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #lp202207 section.review .w02 .phset .sc-header p {
    font-size: calc(50 / 960 * 100vw);
    line-height: calc(90 / 50 * 1em)
  }
  #lp202207.birds section.review.s02 .w02 .phset .sc-header p { line-height: calc(72 / 50 * 1em); }
  #lp202207 section.review .w03 .profile-set { flex-wrap: wrap; }
  #lp202207 section.review .w03 .profile-set .rowset.r01 {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile {
    padding-right: 0;
    padding-bottom: calc(16 var(--ss12));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .column.c00 { width: 100%; }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .column.c01 { gap: calc(10 var(--ss12)); }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .column.c00 { order: 0; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .column.c01 {
    order: 1;
    margin-right: auto;
  }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile { padding-left: 0; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig { justify-content: flex-end; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig .img { order: 1; }
  #lp202207 section.review.reflect .w03 .profile-set .rowset.r01 .profile .sig .txt { margin-right: calc(2 var(--ssrem)); }
}

/***** section04 *****/
#lp202207 section.s04 {
  width: 100%;
  padding-top: calc(9 var(--ssrem));
  padding-bottom: calc(120 var(--ss14));
  overflow: hidden;
}

/* s04 w01 */
#lp202207 section.s04 .sc-header { width: 100%; }
#lp202207 section.s04 .sc-header .mask {
  position: relative;
  background-color: #fff;
  -webkit-mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-feature.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100% auto;
  mask-image: url('/ja-jp/special/x-h2s/asset/images/lp202207/h2-feature.svg');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100% auto;
  width: calc(847 / 1400 * 100%);
  height: 0;
  padding-top: calc(210 / 1400 * 100%);
}
#lp202207 section.s04 .sc-header .mask h2 {
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #322236 0%, #201623 100%);
  width: 100%;
  height: 100%;
}
#lp202207 section.s04 .sc-header .mask h2 span { display: none; }

/* s04 w02 */
#lp202207 section.s04 .w02 {}
#lp202207 section.s04 .w02 .ftset { display: flex; }
#lp202207 section.s04 .w02 .ftset .sc-header {
  width: calc(100 / 1200 * 100%);
  margin-top: calc(84 / 1200 * -100%);
}
#lp202207 section.s04 .w02 .ftset .sc-header p {
  font-size: calc(5 var(--ssrem));
  font-weight: bold;
  line-height: 1;
  letter-spacing: .2em;
  text-orientation: upright; 
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(.028deg) translateX(-.1em);
}
#lp202207 section.s04 .w02 .ftset .cntset {
  color: #202020;
  background-color: #fff;
  border-radius: calc(.6 var(--ssrem));
  width: calc(1100 / 1200 * 100%);
  margin-top: calc(28 / 1200 * -100%);
  overflow: hidden;
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset {
  display: flex;
  justify-content: space-between;
  padding: calc(50 / 1100 * 100%);
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset.r02 { background-color: #f3f3ef; }
#lp202207 section.s04 .w02 .ftset .cntset .rowset .img {
  display: flex;
  align-items: center;
  width: calc(405 / 1000 * 100%);
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(534 / 1000 * 100%);
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3 {
  position: relative;
  padding-bottom: calc(1.8 var(--ssrem));
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #d022a5 0%, #8505ae 100%);
  width: calc(5 var(--ssrem));
  height: calc(.2 var(--ssrem));
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3 span {
  font-feature-settings: 'palt';
  font-size: calc(3.4 var(--ssrem));
  font-weight: bold;
  line-height: calc(5 var(--ssrem));
  letter-spacing: .08em;
  transform: rotate(.028deg);
}
#lp202207 section.s04 .w02 .ftset .cntset .rowset .txt p {
  font-feature-settings: 'palt';
  font-size: calc(1.6 var(--ssrem));
  line-height: calc(3 var(--ssrem));
  margin-top: calc(28 / 534 * 100%);
}

/* s04 w02 */
#lp202207 section.s04 .w03 { margin-top: calc(100 var(--ss14)); }
#lp202207 section.s04 .w03 .banners {
  display: flex;
  justify-content: space-between;
}
#lp202207 section.s04 .w03 .banners a + a {
  margin-left: calc(20 var(--ss14));
}

/* break point */
@media screen and (min-width: 769px) and (max-width: 960px) {
  #lp202207 section.s04 .w02 .ftset .sc-header p { font-size: calc(50 / 960 * 100vw); }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3 span {
    font-size: calc(34 / 960 * 100vw);
    line-height: calc(50 / 34 * 1em);
  }
}

/***** footer *****/
#lp202207 .lp-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeaea;
  width: 100%;
  height: calc(8 var(--ssrem));
  padding-bottom: calc(1.6 var(--ssrem));
}
#lp202207 .lp-footer .copyright {
  color: #080808;
  font-size: calc(1.8 var(--ssrem));
  line-height: 1;
  text-align: center;
}

/* layout sp */
/********************************************************************************/
@media screen and (max-width: 768px) {
  #lp202207 a:hover, #lp202207 button:hover { opacity: 1; }

  /***** content wrap *****/
  #lp202207 .wrapl { max-width: 100vw; }
  #lp202207 .wrapm {
    max-width: 100vw;
    padding: 0 calc(4 var(--ssrem));
  }

  /***** header *****/
  #lp202207 .lp-header {
    justify-content: center;
    height: calc(10.4 var(--ssrem));
  }
  #lp202207 .lp-header .logo {
    width: calc(32.6 var(--ssrem));
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  /***** keyvisual *****/
  #lp202207 .keyvisual { width: 100%; }
  #lp202207 .keyvisual .imgset {
    width: calc(50.8 var(--ssrem));
    height: calc(65.2 var(--ssrem));
    max-height: 100%;
    min-height: 0;
  }
  #lp202207 .keyvisual .imgset figure figcaption {
    bottom: calc(1 var(--ssrem));
    font-size: calc(1.6 var(--ssrem));
    padding-left: calc(1 var(--ssrem));
  }
  #lp202207 .keyvisual .pdset {
    right: auto;
    left: calc(38 var(--ssrem));
    width: auto;
    max-width: initial;
    min-width: initial;
    padding-bottom: 0;
  }
  #lp202207 .keyvisual .pdset .catchcopy { filter: drop-shadow(0 .6em 2em rgba(0, 0, 0, 1)); }
  #lp202207 .keyvisual .pdset .catchcopy p {
    font-size: calc(5 var(--ssrem));
    line-height: calc(100 / 50 * 1em);
    margin-left: calc(1 var(--ssrem));
  }
  #lp202207 .keyvisual .pdset .camera {
    width: calc(34.5 var(--ssrem));
    margin-top: calc(3.2 var(--ssrem));
    margin-left: 0;
  }

  /***** navi *****/
  #lp202207 .navi { margin-top: 0; }
  #lp202207 .navi.shadow { filter: drop-shadow(0 3em 3em rgba(0, 0, 0, .6)); }
  #lp202207 .navi .wrapm { padding: 0; }
  #lp202207 .navi ul {
    border-radius: 0;
    max-width: 100%;
  }
  #lp202207 .navi ul li:after { height: calc(5 var(--ssrem)); }
  #lp202207 .navi ul li:not(.is-disabled) a:before { right: calc(1.3 var(--ssrem)); }
  /*
  #lp202207 .navi ul li a:after { height: calc(5 var(--ssrem)); }
  */
  #lp202207 .navi ul li a i {
    width: calc(1.8 var(--ssrem));
    height: calc(1.8 var(--ssrem));
    margin-right: calc(1.2 var(--ssrem));
    margin-bottom: calc(-.2 var(--ssrem));
  }
  #lp202207 .navi ul li a span {
    font-size: calc(2.6 var(--ssrem));
    font-weight: 500;
  }
  #lp202207 .navi ul li a:hover span { opacity: .75; }

  /***** section01 *****/
  #lp202207 section.s01 {
    margin-top: 0;
    padding-top: calc(3.6 var(--ssrem));
  }

  /* s01 w01 */
  #lp202207 section.s01 .sc-header {
    margin-left: calc(.5 var(--ssrem));
    margin-bottom: calc(-.2 var(--ssrem));
  }
  #lp202207.sports section.s01 .sc-header {
    margin-bottom: calc(-3.2 var(--ssrem));
  }
  #lp202207 section.s01 .sc-header .mask {
    padding-top: 0;
  }
  #lp202207.animals section.s01 .sc-header .mask {
    width: calc(55.4 var(--ssrem));
    height: calc(13 var(--ssrem));
    padding-top: 0;
  }
  #lp202207.train section.s01 .sc-header .mask {
    width: calc(43.3 var(--ssrem));
    height: calc(13 var(--ssrem));
    padding-top: 0;
  }
  #lp202207.birds section.s01 .sc-header .mask {
    width: calc(36.2 var(--ssrem));
    height: calc(13 var(--ssrem));
    padding-top: 0;
  }
  #lp202207.sports section.s01 .sc-header .mask {
    width: calc(45.3 var(--ssrem));
    height: calc(16 var(--ssrem));
    padding-top: 0;
  }
  #lp202207 section.s01 .sc-header .mask h2 {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #423645 0%, #262029 100%);
    width: 100%;
    height: 100%;
  }

  /* s01 w02 */
  #lp202207 section.s01 .wrapm.w02 {
    width: 100vw;
    padding: 0;
  }
  #lp202207 section.s01 .boxs { padding-top: calc(7.6 var(--ssrem)); }
  #lp202207 section.s01 .boxs .bg {
    right: 0;
    left: 0;
    border-radius: 0;
    width: 100vw;
  }

  /* box */
  #lp202207 section.s01 .boxs .box {
    padding-left: calc(4 var(--ssrem));
    padding-right: calc(4 var(--ssrem));
  }
  #lp202207 section.s01 .boxs .box:nth-of-type(n+3) { margin-top: calc(7 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box.b01 {
    margin-top: calc(-4.2 var(--ssrem));
    padding-top: calc(4.2 var(--ssrem));
    background-image: linear-gradient(to bottom, #202020 0%, #1e1e1e 100%);
  }
  #lp202207 section.s01 .boxs .box.b02,
  #lp202207 section.s01 .boxs .box.b04 {
    border-radius: 0;
    padding-top: calc(6.8 var(--ssrem));
    padding-bottom: calc(6.2 var(--ssrem));
    padding-left: calc(4 var(--ssrem));
  }
  #lp202207 section.s01 .boxs .box.b02:after,
  #lp202207 section.s01 .boxs .box.b04:after { display: none; }
  #lp202207 section.s01 .boxs .box.b03 {
    margin-top: calc((9.8 - 4.2) var(--ssrem)); 
    padding-top: calc(4.2 var(--ssrem));
    background-image: linear-gradient(to bottom, #1b1b1b 0%, #171717 100%);
  }
  #lp202207 section.s01 .boxs .box.b04 { padding-top: calc(6 var(--ssrem)); }

  /* set */
  #lp202207 section.s01 .boxs .box .set {
    flex-direction: column;
    justify-content: initial;
    align-items: initial;
    max-width: 100%;
  }
  #lp202207 section.s01 .boxs .box.b02 .set,
  #lp202207 section.s01 .boxs .box.b04 .set { max-width: initial; }

  /* set txt */
  #lp202207 section.s01 .boxs .box .set .txt {
    width: 100%;
    min-width: initial;
    margin-top: calc(3 var(--ssrem));
  }
  #lp202207 section.s01 .boxs .box.b02 .set .txt,
  #lp202207 section.s01 .boxs .box.b04 .set .txt { order: 2; }
  #lp202207 section.s01 .boxs .box .set .txt h3 { padding-bottom: calc(2.5 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box .set .txt h3:after { height: calc(.22 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box .set .txt h3 span {
    font-size: calc(3.6 var(--ssrem));
    line-height: calc(48 / 36 * 1em);
  }
  #lp202207 section.s01 .boxs .box .set .txt p {
    font-size: calc(2.2 var(--ssrem));
    line-height: calc(36 / 22 * 1em);
    margin-top: calc(2.8 var(--ssrem));
  }

  /* set img */
  #lp202207 section.s01 .boxs .box .set .img {
    width: 100%;
    min-width: initial;
  }
  #lp202207 section.s01 .boxs .box.b02 .set .img {
    width: 100%;
    order: 1;
  }
  #lp202207 section.s01 .boxs .box.b04 .set .img { order: 1; }

  #lp202207 section.s01 .boxs .box .set .img figure figcaption {
    font-size: calc(2 var(--ssrem));
    line-height: calc(26 / 20 * 1em);
    margin-top: calc(.8 var(--ssrem));
  }
  #lp202207 section.s01 .boxs .box.b01 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(48.7 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box.b02 .set .img .kanji { top: calc(-5 var(--ssrem)); left: calc(-3.9 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box.b03 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(50.9 var(--ssrem)); }
  #lp202207 section.s01 .boxs .box.b04 .set .img .kanji { top: calc(-4.2 var(--ssrem)); left: calc(-3.9 var(--ssrem)); }
  #lp202207.birds section.s01 .boxs .box.b02 .set .img .kanji { top: calc(-5 var(--ssrem)); left: calc(-3.9 var(--ssrem)); }

  /***** section review *****/
  #lp202207 section.review {
    margin-top: calc(6 var(--ssrem));
    padding-top: calc(3.6 var(--ssrem));
  }
  #lp202207 section.review + .review { margin-top: calc(6 var(--ssrem)); }

  /* section review w01 */
  #lp202207 section.review .w01 .sc-header .mask {
    width: calc(47.5 var(--ssrem));
    height: calc(13 var(--ssrem));
    padding-top: 0;
  }

  /* section review review-set */
  #lp202207 section.review .review-set { padding-bottom: calc(5.6 var(--ssrem)); }

  /* section review w02 */
  #lp202207 section.review .w02 { padding: 0 calc(4 var(--ssrem)) calc(4 var(--ssrem)); }
  #lp202207 section.review .w02 .phset {
    flex-direction: column;
    gap: calc(10 / 1400 * 100%);
  }
  #lp202207 section.review.s02 .w02 .phset {
    padding-left: 0;
  }
  #lp202207.birds section.review.s02 .w02 .phset {
    padding-left: 0;
  }
  #lp202207 section.review .w02 .phset .sc-header {
    flex: initial;
    justify-content: flex-start;
    width: 100%;
    max-width: initial;
    min-width: initial;
    margin-top: calc(-1 var(--ssrem));
    padding-top: 0;
  }
  #lp202207 section.review .w02 .phset .sc-header p {
    font-size: calc(4 var(--ssrem));
    line-height: calc(60 / 40 * 1em);
    white-space: normal;
    writing-mode: initial;
    margin-left: 0;
  }
  #lp202207.birds section.review.s02 .w02 .phset .sc-header p {
    display: initial;
    line-height: calc(60 / 40 * 1em);
    letter-spacing: .12em;
    width: 100%;
    margin-left: 0;
  }
  #lp202207 section.review.reflect.s03 .w02 .phset .sc-header p { letter-spacing: .12em; }
  #lp202207 section.review .w02 .phset .imgset + .imgset { margin-top: calc(5.4 var(--ssrem)); }
  #lp202207 section.review .w02 .phset .imgset.is01,
  #lp202207 section.review .w02 .phset .imgset.is02 {
    width: 100%;
    max-width: 100%;
  }
  #lp202207 section.review .w02 .phset .imgset.is01 {
    flex: initial;
    margin-top: calc(2.2 var(--ssrem));
  }
  #lp202207 section.review .w02 .phset .imgset.is02 {
    flex: initial;
    margin-top: calc(5.4 var(--ssrem));
  }
  #lp202207 section.review .w02 .phset .imgset .txt { margin-top: calc(6.6 var(--ssrem)); }
  #lp202207 section.review .w02 .phset .imgset .txt h3 {
    padding-right: 0;
    padding-bottom: calc(2.6 var(--ssrem));
  }
  #lp202207 section.review .w02 .phset .imgset .txt h3:after { height: calc(.21 var(--ssrem)); }
  #lp202207 section.review .w02 .phset .imgset .txt h3 > span {
    font-size: calc(2.8 var(--ssrem));
    line-height: calc(40 / 28 * 1em);
  }
  #lp202207 section.review .w02 .phset .imgset .txt h3 + p {
    font-size: calc(2.2 var(--ssrem));
    line-height: calc(36 / 22 * 1em);
  }
  #lp202207 section.review .w02 .phset .imgset.is01 .txt h3 + p,
  #lp202207 section.review .w02 .phset .imgset.is02 .txt h3 + p { padding-right: 0; }
  #lp202207 section.review.s02 .w02 .phset .imgset.is02 .txt h3 + p { max-width: initial; }

  /* section review w03 */
  #lp202207 section.review .w03 .profile-set {
    justify-content: initial;
    align-items: initial;
    gap: initial;
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 { gap: initial; }
  #lp202207 section.review .w03 .profile-set .rowset.r02 { gap: initial; }

  /* section review column */
  #lp202207 section.review .w03 .profile-set .rowset.r01 .column.c00 { width: 100%; }
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c01 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: calc(2.8 var(--ssrem));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c01 > div { width: calc(33.6 var(--ssrem)); }
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02,
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c03 {
    display: flex;
    justify-content: space-between;
    gap: initial;
    margin-top: calc(1.8 var(--ssrem));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02 > div:nth-of-type(1),
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c02 > div:nth-of-type(2) { width: calc(33.6 var(--ssrem)); }
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c03 > div:nth-of-type(1),
  #lp202207 section.review .w03 .profile-set .rowset.r02 .column.c03 .video { width: 100%; }

  /* section review profile */
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile {
    padding-right: 0;
    padding-bottom: 0;
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(1) {
    font-size: calc(1.6 var(--ssrem));
    margin-top: calc(.4 var(--ssrem));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(2) {
    font-size: calc(3.6 var(--ssrem));
    margin-top: calc(.2 var(--ssrem));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile .sig .txt > div:nth-of-type(3) {
    font-size: calc(1.8 var(--ssrem));
    margin-top: calc(1.4 var(--ssrem));
  }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile .summary { margin-top: calc(1.8 var(--ssrem)); }
  #lp202207 section.review .w03 .profile-set .rowset.r01 .profile .summary p {
    font-size: calc(2 var(--ssrem));
    line-height: calc(36 / 20 * 1em);
  }

  /* section review notes */
  #lp202207 section.review .w03 .notes {
    margin-top: calc(3.6 var(--ssrem));
  }
  #lp202207 section.review .w03 .notes p {
    font-size: calc(2 var(--ssrem));
    line-height: calc(34 / 20 * 1em);
  }

  /* section review btns */
  #lp202207 section.review .w03 .btns {
    margin-top: calc(4.2 var(--ssrem));
  }
  #lp202207 section.review .w03 .btns .btn-link {
    width: 100%;
    height: calc(9.6 var(--ssrem));
  }
  #lp202207 section.review .w03 .btns .btn-link:after {
    right: calc(3.4 var(--ssrem));
    width: calc(1.2 var(--ssrem));
    height: calc(2.1 var(--ssrem));
  }
  #lp202207 section.review .w03 .btns .btn-link span { font-size: calc(3 var(--ssrem)); }


  /***** section04 *****/
  #lp202207 section.s04 {
    width: 100%;
    margin-top: 0;
    padding-top: calc(12.6 var(--ssrem));
    padding-bottom: calc(6.8 var(--ssrem));
  }

  /* s04 w01 */
  #lp202207 section.s04 .sc-header .mask {
    width: calc(52 var(--ssrem));
    height: calc(13 var(--ssrem));
    margin-left: calc(.2 var(--ssrem));
    padding-top: 0;
  }

  /* s04 w02 */
  #lp202207 section.s04 .w02 {
    padding-right: 0;
    padding-left: 0;
  }
  #lp202207 section.s04 .w02 .ftset { flex-direction: column; }
  #lp202207 section.s04 .w02 .ftset .sc-header {
    width: 100%;
    margin-top: calc(-3.2 var(--ssrem));
    padding-left: calc(4.4 var(--ssrem));
  }
  #lp202207 section.s04 .w02 .ftset .sc-header p {
    font-size: calc(4 var(--ssrem));
    line-height: calc(60 / 40 * 1em);
    text-orientation: initial; 
    white-space: normal;
    writing-mode: initial;
    transform: rotate(.028deg) translateX(-.1em);
  }
  #lp202207 section.s04 .w02 .ftset .cntset {
    border-radius: 0;
    width: 100%;
    margin-top: calc(4.2 var(--ssrem));
  }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset {
    flex-direction: column;
    justify-content: flex-start;
    padding: calc(5.2 var(--ssrem)) calc(4 var(--ssrem)) calc(5.4 var(--ssrem));
  }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset.r02 { background-color: #f3f3ef; }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .img,
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt { width: 100%; }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .img picture,
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .img img { width: 100%; }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3 {
    margin-top: calc(2.8 var(--ssrem));
    padding-bottom: calc(1.9 var(--ssrem));
  }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3:after { height: calc(.21 var(--ssrem)); }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt h3 span {
    font-size: calc(3.6 var(--ssrem));
    line-height: calc(50 / 36 * 1em);
  }
  #lp202207 section.s04 .w02 .ftset .cntset .rowset .txt p {
    font-size: calc(2.2 var(--ssrem));
    line-height: calc(36 / 22 * 1em);
    margin-top: calc(2.8 var(--ssrem));
  }

  /* s04 w02 */
  #lp202207 section.s04 .w03 { margin-top: calc(6.8 var(--ssrem)); }
  #lp202207 section.s04 .w03 .banners {
    flex-direction: column;
    justify-content: flex-start;
  }
  #lp202207 section.s04 .w03 .banners a + a {
    margin-top: calc(3.6 var(--ssrem));
    margin-left: 0;
  }

  /***** footer *****/
  #lp202207 .lp-footer {
    height: calc(5.6 var(--ssrem));
    padding-bottom: 0;
  }
  #lp202207 .lp-footer .copyright { font-size: calc(2 var(--ssrem)); }

  /***** bottom-links *****/
  #lp202207 .bottom-links {
    position: sticky;
    bottom: 0;
    width: 100vw;
    height: calc(9.2 var(--ssrem));
  }
  #lp202207 .bottom-links .btns {
    display: flex;
    width: 100%;
    height: 100%;
  }
  #lp202207 .bottom-links .btns a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    width: 50%;
    height: 100%;
  }
  #lp202207 .bottom-links .btns a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: calc(1.5 var(--ssrem));
    height: calc(2.2 var(--ssrem));
    margin: auto 0;
    opacity: .75;
  }
  #lp202207 .bottom-links .btns a span {
    font-size: calc(2.6 var(--ssrem));
    font-weight: bold;
    line-height: 1;
    opacity: .75;
    transform: rotate(.028deg);
  }
  #lp202207 .bottom-links .btns .btn-link01 { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .15) 100%); }
  #lp202207 .bottom-links .btns .btn-link02 { background-image: linear-gradient(-45deg, #8500b1 0%, #d214a6 100%); }
  #lp202207 .bottom-links .btns .btn-link01:after { background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow01b.svg); }
  #lp202207 .bottom-links .btns .btn-link02:after { background-image: url(/ja-jp/special/x-h2s/asset/images/lp202207/icon-arrow02b.svg); }
  #lp202207 .bottom-links .btns .btn-link01 span { color: #000; }
  #lp202207 .bottom-links .btns .btn-link02 span {
    color: #fff;
    text-indent: .5em;
    letter-spacing: .5em;
  }
}

/***** scrolling effects *****/

/* layout pc */
/********************************************************************************/
@media screen and (min-width: 769px) {
  /*** up fade ***/
  #lp202207 .fx-up-fade-pc {
    opacity: 0;
    transform: translateY(8vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-up-fade-pc.is-showed {
    opacity: 1;
    transform: translateY(0);
  }
  #lp202207 .fx-up-fade-pc.fx-semi-long {
    transition-duration: .8s, 1.6s;
  }
  #lp202207 .fx-up-fade-pc.fx-long {
    transition-duration: 1.2s, 2.4s;
  }

  /*** down fade ***/
  #lp202207 .fx-down-fade-pc {
    opacity: 0;
    transform: translateY(-8vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-down-fade-pc.is-showed {
    opacity: 1;
    transform: translateY(0);
  }
  #lp202207 .fx-down-fade-pc.fx-semi-long {
    transition-duration: .8s, 1.6s;
  }
  #lp202207 .fx-down-fade-pc.fx-long {
    transition-duration: 1.2s, 2.4s;
  }

  /*** left to right ***/
  #lp202207 .fx-lr-fade-pc {
    opacity: 0;
    transform: translateX(-7vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-lr-fade-pc.is-showed {
    opacity: 1;
    transform: translateX(0);
  }
  
  /*** right to left ***/
  #lp202207 .fx-rl-fade-pc {
    opacity: 0;
    transform: translateX(7vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-rl-fade-pc.is-showed {
    opacity: 1;
    transform: translateX(0);
  }
  
  /*** fx for section.s01 & section.s03 ***/
  #lp202207 .fx-lr-fade-pc .fx-rl-fade-pc {
    opacity: 0;
    transform: translateX(4vw);
    transition-property: opacity, transform;
    transition-duration: 1.2s, 1.6s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .4s;
  }
  #lp202207 .fx-lr-fade-pc.is-showed .fx-rl-fade-pc {
    opacity: 1;
    transform: translateX(0);
  }
  
  /*** fx for  section.s02 & section.s04 ***/
  #lp202207 .fx-rl-fade-pc .fx-lr-fade-pc {
    opacity: 0;
    transform: translateX(-4vw);
    transition-property: opacity, transform;
    transition-duration: 1.2s, 1.6s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .4s;
  }
  #lp202207 .fx-rl-fade-pc.is-showed .fx-lr-fade-pc {
    opacity: 1;
    transform: translateX(0);
  }
}

/* layout sp */
/********************************************************************************/
@media screen and (max-width: 768px) {
  /*** up fade ***/
  #lp202207 .fx-up-fade-sp {
    opacity: 0;
    transform: translateY(10vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-up-fade-sp.is-showed {
    opacity: 1;
    transform: translateY(0);
  }
  #lp202207 .fx-up-fade-sp.fx-semi-long {
    transition-duration: .8s, 1.6s;
  }
  #lp202207 .fx-up-fade-sp.fx-long {
    transition-duration: 1.2s, 2.4s;
  }

  /*** down fade ***/
  #lp202207 .fx-down-fade-sp {
    opacity: 0;
    transform: translateY(-10vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-down-fade-sp.is-showed {
    opacity: 1;
    transform: translateY(0);
  }
  #lp202207 .fx-down-fade-sp.fx-semi-long {
    transition-duration: .8s, 1.8s;
  }
  #lp202207 .fx-down-fade-sp.fx-long {
    transition-duration: 1.2s, 2.4s;
  }

  /*** left to right ***/
  #lp202207 .fx-lr-fade-sp {
    opacity: 0;
    transform: translateX(-8vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-lr-fade-sp.is-showed {
    opacity: 1;
    transform: translateX(0);
  }
  
  /*** right to left ***/
  #lp202207 .fx-rl-fade-sp {
    opacity: 0;
    transform: translateX(8vw);
    transition-property: opacity, transform;
    transition-duration: .6s, .8s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
  }
  #lp202207 .fx-rl-fade-sp.is-showed {
    opacity: 1;
    transform: translateX(0);
  }

  /*** fx for section.s01 & section.s03 ***/
  #lp202207 .fx-lr-fade-sp .fx-rl-fade-sp {
    opacity: 0;
    transform: translateX(6vw);
    transition-property: opacity, transform;
    transition-duration: .8s, 1.2s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .4s;
  }
  #lp202207 .fx-lr-fade-sp.is-showed .fx-rl-fade-sp {
    opacity: 1;
    transform: translateX(0);
  }
  
  /*** fx for  section.s02 & section.s04 ***/
  #lp202207 .fx-rl-fade-sp .fx-lr-fade-sp {
    opacity: 0;
    transform: translateX(-6vw);
    transition-property: opacity, transform;
    transition-duration: .8s, 1.2s;
    transition-timing-function: linear, cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .4s;
  }
  #lp202207 .fx-rl-fade-sp.is-showed .fx-lr-fade-sp {
    opacity: 1;
    transform: translateX(0);
  }
}

/***** header fix *****/
#lp202207 .lp-header {
  position: sticky;
  transition: top .5s;
}
@media screen and (min-width: 1200px) {
  #lp202207 .lp-header.is-fixed {
    top: 72px;
  }
  #lp202207 .lp-header.has-scrolled {
    top: 0;
  }
}
@media screen and (max-width: 1199px) {
  #lp202207 .lp-header.is-fixed {
    top: 48px;
  }
  #lp202207 .lp-header.has-scrolled {
    top: 0;
  }
}