@charset "utf-8";
/* CSS Document */

/*******************

 LP style

********************/
html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#pageTop {
  margin: 0 auto;
}
.lpparts--header {
  max-width: 1060px;
  margin: 0 auto;
  display: block;
  padding: clamp(10px,calc(10 / 750 * 100%),10px) clamp(15px,calc(30 / 750 * 100%),30px);
  box-sizing: border-box;
}
.lpparts--footer {
  max-width: 800px;
  margin: 50px auto 0;
  display: block;
  padding: 0;
  box-sizing: border-box;
}
#lpFooter {
  margin-bottom: 0;
}
/* content
--------------------------------------------------*/
.lpbox , #lpfooter {
  font-size: 14px;
  font-size: 3.7333vw;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
@media screen and (min-width:750px){
.lpbox , #lpfooter {
    font-size: 18px;
    margin: 0 auto;
  }
  .lpbox {
    background: url(../images/bg.png) repeat top center;
  }
}
.lpbox a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
.lpbox a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
.lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
.lpbox img ,
#lpfooter img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.lpbox img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

.lpbox header ,
.lpbox h1 ,
.lpbox h2 ,
.lpbox h3 ,
.lpbox p ,
.lpbox dl ,
.lpbox dt ,
.lpbox dd ,
.lpbox div ,
.lpbox section ,
.lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter footer ,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter ul,
#lpfooter li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
/*----------------------------------------*/
.lpbox .header {
  width: 100%;
  background: #fff;
  display: block;
  position: relative;
  margin: 0 auto;
}
.lpbox .header__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1060px;
  box-sizing: border-box;
  padding: clamp(10px,calc(20 / 750 * 100%),20px) clamp(15px,calc(30 / 750 * 100%),30px);
}
.lpbox .header__logo {
  display: block;
  margin: 0;
  width: clamp(55px,calc(110 / 750 * 100%),110px);
}
.lpbox .header__logo--kagome {
  display: block;
  margin: 0;
  width: clamp(54px,calc(108 / 750 * 100%),108px);
}
@media screen and (min-width:750px){
  .lpbox .header__box {
    padding: 10px 30px;
  }
}
/*----------------------------------------*/
.lpbox .box {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1500px;
}
.lpbox .ovf {
  position: relative;
  display: block;
  overflow: hidden;
}

/*----------------------------------------*/
.lpbox .fv__text--01 {
  position: absolute;
  top: calc(250 / 976 * 100%);
  left: calc(30 / 750 * 100%);
  width: calc(198 / 750 * 100%);
  display: block;
  z-index: 4;
}
.lpbox .fv__text--02 {
  position: absolute;
  top: calc(258 / 976 * 100%);
  left: calc(305 / 750 * 100%);
  width: calc(227 / 750 * 100%);
  display: block;
  z-index: 4;
}

@media screen and (min-width:750px){
  .lpbox #fv {
    background: url(../images/fv_bg_pc.png) repeat-x top center;
  }
  .lpbox .fv__text--01 {
    position: absolute;
    top: calc(140 / 640 * 100%);
    left: auto;
    right: calc(344 / 1500 * 100%);
    width: calc(351 / 1500 * 100%);
    display: block;
    z-index: 4;
  }
  .lpbox .fv__text--02 {
    position: absolute;
    top: calc(270 / 640 * 100%);
    left: auto;
    right: calc(410 / 1500 * 100%);
    width: calc(380 / 1500 * 100%);
    display: block;
    z-index: 4;
  }
  
}

/*----------------------------------------*/
.lpbox .resale__box {
  position: absolute;
  top: calc(130 / 1128 * 100%);
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  z-index: 4;
  gap: clamp(4px,calc(7 / 750 * 100%),7px);
  overflow: hidden;
}
.lpbox .resale__text {
  box-sizing: border-box;
  display: block;
  margin: 0;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translate3d(0,0,0);
  --delaycount: 0;
  transition-delay: calc( var(--delaycount) * 0.08s);
}
.lpbox .animhide .resale__text {
  transform: translate3d(0,100%,0);
}

.lpbox .resale__text--01 {
  width: calc(65 / 750 * 100%);
}
.lpbox .resale__text--02 {
  width: calc(66 / 750 * 100%);
  --delaycount: 1;
}
.lpbox .resale__text--03 {
  width: calc(61 / 750 * 100%);
  --delaycount: 2;
}
.lpbox .resale__text--04 {
  width: calc(65 / 750 * 100%);
  margin-left: calc(20 / 750 * 100%);
  --delaycount: 3;
}
.lpbox .resale__text--05 {
  width: calc(64 / 750 * 100%);
  --delaycount: 4;
}
.lpbox .resale__text--06 {
  width: calc(10 / 750 * 100%);
  margin-left: calc(10 / 750 * 100%);
  --delaycount: 5;
}


@media screen and (min-width:750px){
  
.lpbox .resale__box {
  position: absolute;
  top: calc(134 / 968 * 100%);
}
  .lpbox .resale {
    max-width: 1200px;
    margin: 0 auto;
  }
.lpbox .resale__text--01 {
  width: calc(85 / 1200 * 100%);
}
.lpbox .resale__text--02 {
  width: calc(88 / 1200 * 100%);
  --delaycount: 1;
}
.lpbox .resale__text--03 {
  width: calc(81 / 1200 * 100%);
  --delaycount: 2;
}
.lpbox .resale__text--04 {
  width: calc(86 / 1200 * 100%);
  margin-left: calc(20 / 1200 * 100%);
  --delaycount: 3;
}
.lpbox .resale__text--05 {
  width: calc(84 / 1200 * 100%);
  --delaycount: 4;
}
.lpbox .resale__text--06 {
  width: calc(13 / 1200 * 100%);
  margin-left: calc(10 / 1200 * 100%);
  --delaycount: 5;
}
  
  
}

/*----------------------------------------*/
.lpbox .concentrated__text--01 {
  position: absolute;
  bottom: calc(43 / 654 * 100%);
  left: calc(40 / 750 * 100%);
  width: calc(320 / 750 * 100%);
  display: block;
  z-index: 4;
}
.lpbox .concentrated__text--02 {
  position: absolute;
  bottom: calc(43 / 654 * 100%);
  right: calc(40 / 750 * 100%);
  width: calc(320 / 750 * 100%);
  display: block;
  z-index: 4;
}
.lpbox .concentrated__text--02 .fadein {
  --delaycount: 2;
}
.lpbox .concentrated__text--03 {
  position: absolute;
  bottom: calc(54 / 672 * 100%);
  left: calc(40 / 750 * 100%);
  width: calc(320 / 750 * 100%);
  display: block;
  z-index: 4;
}
.lpbox .concentrated__text--04 {
  position: absolute;
  bottom: calc(54 / 672 * 100%);
  right: calc(40 / 750 * 100%);
  width: calc(320 / 750 * 100%);
  display: block;
  z-index: 4;
}
.lpbox .concentrated__text--04 .fadein {
  --delaycount: 2;
}


@media screen and (min-width:750px){
  .lpbox .concentrated {
    margin: 0 auto;
    max-width: 1200px;
  }
  .lpbox .concentrated__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-align-items: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: center;
    margin: 0 auto;
  }
  .lpbox .concentrated__item {
    width: 50%;
  }
  .lpbox .concentrated__text--01 {
    position: absolute;
    bottom: calc(150 / 578 * 100%);
    left: calc(100 / 600 * 100%);
    width: calc(220 / 600 * 100%);
    display: block;
    z-index: 4;
  }
  .lpbox .concentrated__text--02 {
    position: absolute;
    bottom: calc(150 / 578 * 100%);
    right: calc(50 / 600 * 100%);
    width: calc(220 / 600 * 100%);
    display: block;
    z-index: 4;
  }
  .lpbox .concentrated__text--03 {
    position: absolute;
    bottom: calc(150 / 578 * 100%);
    left: calc(50 / 600 * 100%);
    width: calc(220 / 600 * 100%);
    display: block;
    z-index: 4;
  }
  .lpbox .concentrated__text--04 {
    position: absolute;
    bottom: calc(150 / 578 * 100%);
    right: calc(100 / 600 * 100%);
    width: calc(220 / 600 * 100%);
    display: block;
    z-index: 4;
  }
  
}

.lpbox .concentrated--03 {
  background: #e0eaec;
}

/*----------------------------------------*/
.lpbox .cta {
  display: block;
  position: relative;
  margin: clamp(-230px ,calc(230 / 750 * 100% * -1), -115px) auto 0;
  z-index: 5;  
}
.lpbox .cta__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.lpbox .cta__btnimg {
  display: block;
  margin: 0 auto;
  width: calc(646 / 750 * 100%);
}
.lpbox .cta__btn a {
  display: block;
}

.lpbox .cta__btn a + a {
  margin-top: -2%;
}

@media screen and (min-width:750px){
  .lpbox .cta {
  display: block;
  position: relative;
  margin: clamp(-165px ,calc(165 / 1500 * 100% * -1), -82px) auto 0;
  z-index: 5;  
}
  .lpbox .cta__area {
    max-width: 900px;
    margin: 0 auto;
  }
  .lpbox .cta__btnimg {
  display: block;
  margin: 0 auto;
  width: calc(738 / 900 * 100%);
}
.lpbox .cta__btn a + a {
  margin-top: 0;
}

  
}

/*----------------------------------------*/

.lpbox .natural__text {
  position: absolute;
  top: calc(145 / 830 * 100%);
}
.lpbox .natural__text img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 1s cubic-bezier(0.37, 0, 0.63, 1);
  display: block;
  opacity: 1;
}
.lpbox .animhide .natural__text img {
  clip-path: polygon(0 0, 100% 0, 100% 1%, 0 1%);
  opacity: 0;
}

.lpbox .natural__text--01 {
  top: calc(150 / 830 * 100%);
  right: calc( 66 / 750 * 100%);
  width: calc( 45 / 750 * 100%);
}
.lpbox .natural__text--02 {
  right: calc( 130 / 750 * 100%);
  width: calc( 63 / 750 * 100%);
}

.lpbox .natural__text--03 {
  right: calc( 208 / 750 * 100%);
  width: calc( 64 / 750 * 100%);
}
.lpbox .natural__text--02 img {
  transition-delay: 0.05s;
}
.lpbox .natural__text--03 img {
  transition-delay: 0.1s;
}

.lpbox .natural__item {
  display: block;
  position: absolute;
  width: calc( 300 / 750 * 100%);
}
.lpbox .natural__item--01 {
  top: calc( 270 / 640 * 100%);
  right: calc(60 / 750 * 100%);
}
.lpbox .natural__item--02 {
  top: calc( 420 / 640 * 100%);
  right: calc(60 / 750 * 100%);
}
.lpbox .natural__item--02 .fadein {
  --delaycount: 2;
}
.lpbox .natural__item--03 {
  top: calc( 270 / 662 * 100%);
  left: calc(60 / 750 * 100%);
}
.lpbox .natural__item--04 {
  top: calc( 420 / 662 * 100%);
  left: calc(60 / 750 * 100%);
}
.lpbox .natural__item--04 .fadein {
  --delaycount: 2;
}

@media screen and (min-width:750px){
  .lpbox .bg--w {
    background: #fff;
    padding: 1px 0;
    margin-top: clamp(70px,calc(140 / 1300 * 100%),140px);
  }
  .lpbox .natural {
    display: block;
    max-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: clamp(50px,calc(100 / 1300 * 100%),100px);
  }
  
.lpbox .natural__text {
  position: absolute;
  top: calc(145 / 920 * 100%);
}
  .lpbox .natural__text--01 {
    right: calc( 340 / 1300 * 100%);
    width: calc( 83 / 1300 * 100%);
  }
  .lpbox .natural__text--02 {
    right: calc( 232 / 1300 * 100%);
    width: calc( 83 / 1300 * 100%);
  }

  .lpbox .natural__text--03 {
    top: calc(155 / 920 * 100%);
    right: calc( 150 / 1300 * 100%);
    width: calc( 53 / 1300 * 100%);
  }

.lpbox .natural__item {
  display: block;
  position: absolute;
  width: calc( 240 / 1300 * 100%);
}
.lpbox .natural__item--01 {
  top: calc( 240 / 530 * 100%);
  right: calc(348 / 1300 * 100%);
}
.lpbox .natural__item--02 {
  top: calc( 350 / 530 * 100%);
  right: calc(348 / 1300 * 100%);
}
.lpbox .natural__item--03 {
  top: calc( 240 / 530 * 100%);
  left: calc(348 / 1300 * 100%);
}
.lpbox .natural__item--04 {
  top: calc( 350 / 530 * 100%);
  left: calc(348 / 1300 * 100%);
}
}

/*----------------------------------------*/
.lpbox .message__item {
}
.lpbox .message__item--01 .message__text {
  position: absolute;
  width: calc(113 / 750 * 100%);
  top: calc(170 / 960 * 100%);
  right: calc(113 / 750 * 100%);
  z-index: 3;
}
.lpbox .message__item--01 .message__bg {
  position: absolute;
  width: calc(130 / 750 * 100%);
  top: calc(150 / 960 * 100%);
  right: calc(104 / 750 * 100%);
  z-index: 2;
}
.lpbox .message__item--02 .message__text {
  position: absolute;
  width: calc(182 / 750 * 100%);
  top: calc(250 / 990 * 100%);
  left: calc(104 / 750 * 100%);
  z-index: 3;
}
.lpbox .message__item--02 .message__bg {
  position: absolute;
  width: calc(200 / 750 * 100%);
  top: calc(230 / 990 * 100%);
  left: calc(95 / 750 * 100%);
  z-index: 2;
}


.lpbox .message__text {
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1.0s;
  transition-delay: .5s;
  transform: translate(0, 0);
  opacity: 1;
}
.lpbox .animhide .message__text {
  opacity: 0;
  transform: translate(0, 1em);
}

.lpbox .message__bg {
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transform: translate(0, 0);
  opacity: 1;
}
.lpbox .animhide .message__bg {
  opacity: 0;
  transform: translate(0, 10em);
}


@media screen and (min-width:750px){
  .lpbox .message {
    display: block;
    box-sizing: border-box;
    margin: 0 auto clamp(30px,calc(60 / 1100 * 100%),60px);
    max-width: 1100px;
  }
.lpbox .message__item--01 .message__text {
  position: absolute;
  width: calc(89 / 1100 * 100%);
  top: calc(63 / 590 * 100%);
  right: calc(250 / 1100 * 100%);
  z-index: 3;
}
.lpbox .message__item--01 .message__bg {
  position: absolute;
  width: calc(110 / 1100 * 100%);
  top: calc(52 / 590 * 100%);
  right: calc(240 / 1100 * 100%);
  z-index: 2;
}
.lpbox .message__item--02 .message__text {
  position: absolute;
  width: calc(151 / 1100 * 100%);
  top: calc(110 / 710 * 100%);
  left: calc(250 / 1100 * 100%);
  z-index: 3;
}
.lpbox .message__item--02 .message__bg {
  position: absolute;
  width: calc(170 / 1100 * 100%);
  top: calc(100 / 710 * 100%);
  left: calc(240 / 1100 * 100%);
  z-index: 2;
}
  .lpbox .every {
    background: #efeff4;
    margin: clamp(30px,calc(60 / 1100 * 100%),60px) auto;
  }
  .lpbox .kodawari {
    margin: clamp(35px,calc(70 / 1000 * 100%),70px) auto;
    max-width: 1000px;
  }
  
  
}
/*----------------------------------------*/
.lpbox .arrange__img--01 {
  top: 0;
  right: 0;
  position: absolute;
  width: calc(460 / 750 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--01 {
  top: calc(75 / 490 * 100%);
  left: calc(40 / 750 * 100%);
  position: absolute;
  width: calc(360 / 750 * 100%);
  z-index: 3;
}
.lpbox .arrange__img--02 {
  top: 0;
  left: 0;
  position: absolute;
  width: calc(460 / 750 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--02 {
  top: calc(75 / 490 * 100%);
  right: calc(40 / 750 * 100%);
  position: absolute;
  width: calc(360 / 750 * 100%);
  z-index: 3;
}.lpbox .arrange__img--03 {
  top: 0;
  right: 0;
  position: absolute;
  width: calc(460 / 750 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--03 {
  top: calc(75 / 490 * 100%);
  left: calc(40 / 750 * 100%);
  position: absolute;
  width: calc(360 / 750 * 100%);
  z-index: 3;
}
.lpbox .ltr ,
.lpbox .rtl {
  transition: all .8s ease;
  transform: translate3d(0,0,0);
  opacity: 1;
}
.lpbox .animhide .rtl {
  transform: translate3d(50%,0,0);
  opacity: 0;
}
.lpbox .animhide .ltr {
  transform: translate3d(-50%,0,0);
  opacity: 0;
}

@media screen and (min-width:750px){
  .lpbox .arrange {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
  }
.lpbox .arrange__img--01 {
  top: 0;
  right: calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(320 / 1000 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--01 {
  top: calc(60 / 490 * 100%);
  left: calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(420 / 1000 * 100%);
  z-index: 3;
}
.lpbox .arrange__img--02 {
  top: 0;
  left:  calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(320 / 1000 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--02 {
  top: calc(60 / 490 * 100%);
  right: calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(420 / 1000 * 100%);
  z-index: 3;
}.lpbox .arrange__img--03 {
  top: 0;
  right:  calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(320 / 1000 * 100%);
  z-index: 2;
}
.lpbox .arrange__text--03 {
  top: calc(60 / 490 * 100%);
  left: calc(150 / 1000 * 100%);
  position: absolute;
  width: calc(420 / 1000 * 100%);
  z-index: 3;
}
  .lpbox .developer {
    margin: clamp(60px,calc(120 / 900 * 100%),120px) auto;
    max-width: 900px;
  }
  .lpbox .support {
    background: #f0f3f3;
  }
  .lpbox .cta-single {
    display: block;
    max-width: 900px;
    margin: 0 auto;
  }
  .lpbox .cta-single .cta__btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: center;
    gap:0px;
  }
  .lpbox .cta-single .cta__btn a {
    margin: 0;
    max-width: 368px;
    width: calc(368 / 900 * 100%);
  }
  .lpbox .cta-single .cta__btnimg {
    width: 100%;
    max-width: 368px;
  }
  
}
/*----------------------------------------*/

.lpbox .faq__item {
  display: block;
  box-sizing: border-box;
  width: calc(690 / 750 * 100%);
  margin: 0 auto calc(20 / 750 * 100%);
}
.lpbox .faq__q {
  position: relative;
  cursor: pointer;
  display: block;
}
.lpbox .faq__q:before {
  content: "";
  display: block;
  width: 1.3em;
  height: 1px;
  background: #1d1818;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: rotate(90deg);
  transition: all .5s ease;
  opacity: 1;
}
.lpbox .faq__q:after {
  content: "";
  display: block;
  width: 1.3em;
  height: 1px;
  background: #1d1818;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: rotate(0deg);
  transition: all .5s ease;
  opacity: 1;
}
.lpbox .faq__q.faq__q--open:before {
  content: "";
  transform: rotate(180deg);
  opacity: 1;
}
.lpbox .faq__q.faq__q--open:after {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}

@media screen and (min-width:750px){
  .lpbox .faq {
    background: #fff url(../images/faq_bg_pc.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    max-width: 1000px;
    margin: clamp(60px,calc(120 / 1000 * 100%),120px) auto;
    box-sizing: border-box;
    padding: calc(60 / 1000 * 100%) 0 calc(40 / 1000 * 100%);
  }
  .lpbox .faq__item {
    display: block;
    max-width: 840px;
    width: calc(840 / 1000 * 100%);
    
  }
  .lpbox .faq__ttl {
    box-sizing: border-box;
    width: calc(567 / 1000 * 100%);
    max-width: 567px;
    margin: 0 auto calc(60 / 1000 * 100%);
  }
  
}
/*----------------------------------------*/

.lpbox .product p {
  margin: calc(80 / 750 * 100%) auto;
}

@media screen and (min-width:750px){
  
  
.lpbox .product p {
  margin: clamp(30px,calc(60 / 1000 * 100%),60px) auto;
}

}

/*----------------------------------------*/

/*----------------------------------------*/




/*---------------------------*/
.lpbox #fixbtn {
  position: fixed;
  bottom: -100%;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}
.lpbox #fixbtn.fixbtn--visible {
  bottom: 0;
}
.lpbox #fixbtn .fixbtn__box {
  position: relative;
  bottom: 0;
  display: block;
  margin: 0 auto;
}
.lpbox #fixbtn .fixbtn__item {
  position: relative;
  bottom: 0;
  display: block;
  margin: 0 auto;
  width: clamp(0px,calc(716 / 750 * 100%),716px);
}



@media screen and (min-width:750px){
  .lpbox #fixbtn .fixbtn__item {
    width: 100%;
    max-width: 918px;
    padding-top: 0px;
  }
}
/* animation */



.lpbox .fadein {
  display: block;
  opacity: 1;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-filter: blur(0);
  -o-filter: blur(0);
  filter: blur(0);
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  --delaycount: 0;
  transition-delay: calc( var(--delaycount) * 0.1s);
}
.lpbox .animhide .fadein {
  display: block;
  opacity: 0;
  -webkit-transform:translate3d(0,3em,0);
  -ms-transform: translate3d(0,3em,0);
  -o-transform: translate3d(0,3em,0);
  transform: translate3d(0,3em,0);
  -webkit-filter: blur(0.5em);
  -o-filter: blur(0.5em);
  filter: blur(0.5em);
}




/* bounce */
.lpbox .bounce {
  display: block;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
        0%   {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
        10%  {
          -webkit-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          -ms-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          -o-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
  }
        30%  {
          -webkit-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          -ms-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          -o-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
  }
        50%  {
          -webkit-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          -ms-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          -o-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          transform: scale(1.02,.97) translate3d(0 , 0 , 0);
  }
        57%  {
          -webkit-transform: scale(1,1)      translate3d(0 , -2% , 0);
          -ms-transform: scale(1,1)      translate3d(0 , -2% , 0);
          -o-transform: scale(1,1)      translate3d(0 , -2% , 0);
          transform: scale(1,1)      translate3d(0 , -2% , 0);
  }
        64%  {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
        100% {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
}
@keyframes bounce {
        0%   {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
        10%  {
          -webkit-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          -ms-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          -o-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
          transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
  }
        30%  {
          -webkit-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          -ms-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          -o-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
          transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
  }
        50%  {
          -webkit-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          -ms-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          -o-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
          transform: scale(1.02,.97) translate3d(0 , 0 , 0);
  }
        57%  {
          -webkit-transform: scale(1,1)      translate3d(0 , -2% , 0);
          -ms-transform: scale(1,1)      translate3d(0 , -2% , 0);
          -o-transform: scale(1,1)      translate3d(0 , -2% , 0);
          transform: scale(1,1)      translate3d(0 , -2% , 0);
  }
        64%  {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
        100% {
          -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
          -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
          transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
}


/* 共通のヘッダー・フッターを削除 */
.global-header, .c-breadcrumb, .global-footer{
  display: none;
}

footer{
  display: none;
}

@media screen and (min-width: 768px){
  .global-container.default .global-contents__inner{
    width: min(90%, 114rem);
  }
}

/* 移植ヘッダーのCSS */
header .inner h1 {
  float: left;
}
header .inner p {
  float: right;
}
header .inner {
  overflow: hidden;
}
.lpFooter--new .lpFooter_section_param a {
  text-decoration: underline;
}

@media screen and (min-width: 768px){
  header .inner{ 
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
  }
  .lpFooter--new .lpFooter_section_param a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  header .inner {
    padding: 10px;
  }
  header .inner h1 {
    width: 25%;
  }
  header .inner p {
    width: 25%;
  }
  header .inner img {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  #lpFooter {
    margin-bottom: 69px;
  }
}