@import url(https://cdn.jsdelivr.net/npm/destyle.css@2.0.2/destyle.min.css);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese);

/* reset default css */
.wrapper {
  padding-top: 0;
}

.pane-landingpage-contents{
  background: #fff;
}

.container {
  width: 100%;
}

.block-landingpage-login--member{
  margin: auto;
  max-width: 1200px;
  width: 100%;
}
  
#frmLP{
  margin: auto;
  max-width: 1200px;
  width: 100%;
}

.block-page-top{
  z-index: 3;
}


/* lp_contents */

.lp_contents{
  color:#787878;
  font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height:1.6;
  min-width: 320px;
  -webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
  -webkit-text-size-adjust: 100%;
}

.lp_contents{
  font-size: 10px;/* px setting is must (cannot % setting) for reset system font-size */
}


@media screen and ( max-width:750px) {
  .lp_contents{
    font-size: 1.333vw;
  }
}



/* ie11 */
_:-ms-lang(x)::-ms-backdrop,.lp_contents img[src$=".svg"] {
  width: 100%;
  height: auto;
}

.lp_contents img,
.lp_contents picture{
  display : block;
  width : 100%;
}

.lp_contents a{
  color:#000;
  display: block;
  text-decoration: none;
  transition: .2s;
}

.lp_contents a:hover,
.lp_contents button:hover{
  filter: brightness(1.1);
}

.lp_contents button{
  display: block;
}

/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .lp_contents a:hover,
_:-ms-lang(x)::-ms-backdrop, .lp_contents button:hover{
  opacity:0.8;
}

/* ie11 */
_:-ms-lang(x)::-ms-backdrop,.lp_contents main{
  display: block;
}

.lp_contents sup {
  font-size: 0.5em;
  vertical-align: super;
}



.lp_contents .onsp{
  display: none;
}



.lp_contents .header,
.lp_contents .main,
.lp_contents section{
  margin: auto;
  max-width: 750px;
}

.lp_contents .offer{
  position:relative;
}

.lp_contents .offer__btn{
  bottom: 0.8em;
  left:50%;
  position:absolute;
  transform: translate(-50%,0);
  width: 100%;
}

.lp_contents .point01{
  position:relative;
}

.lp_contents .point01__movie{
  left: 6.5em;
  position: absolute;
  top: 50.5em;
  width: 62em;
}

.lp_contents .point01__movie video{
  display: block;
  width:100%;
}

.mechanism{
  position:relative;
}
.mechanism__image{}
.mechanism__description{
  left:11em;
  position: absolute;
  top:22.5em;
  width: 53.6em !important;
  z-index: 3
}

.mechanism__movie{
  left: 6.9em;
  position:absolute;
  top: 54.2em;
  width: 61.2em;
}

.lp_contents .mechanism__movie video{
  display: block;
  width:100%;
}



.lp_contents .movie:before,
.lp_contents .movie:after{
  background: #fff;
  content:'';
  height: 1em;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.lp_contents .movie:before{
  top:-0.2em;
}

.lp_contents .movie:after{
  bottom:-0.2em;
}

.lp_contents .movie--inner{
  position: relative;
}

.lp_contents .movie--inner:before,
.lp_contents .movie--inner:after{
  background: #fff;
  content:'';
  height: 100%;
  position: absolute;
  top:0;
  width: 1em;
}

.lp_contents .movie--inner:before{
  left:-0.2em;
}

.lp_contents .movie--inner:after{
  right:-0.2em;
}





.lp_contents .product_info__table th{
  background: #cfe393;
  font-size:1.7em;
  font-weight: 700;
  padding: calc((1.6/1.7) * 1em);
  vertical-align: middle;
  text-align: center;
  width: calc((22/1.7) * 1em);
}



/* 
//footer
 */

.lp_contents .footer{
  background: #ded6c9;
  font-size:1.8em;
  margin: 6em auto 0;
  padding: 4em 0 2em;
  text-align: center;
  width: 100%;
}

.lp_contents .footer__nav__link{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 2em;
}

.lp_contents .footer__nav__link li{
  margin: 0 1em;
}

.lp_contents .footer__nav__link li a{
  color: #787878;
  text-decoration: underline;
}

.lp_contents .footer__copyright{
  display: block;
}